-
Notifications
You must be signed in to change notification settings - Fork 587
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Site] [Dark Mode] Update import catalog modal according to theme #1203 #1247
Conversation
…hery#1203 Signed-off-by: Vaibhav Maurya <[email protected]>
✅ Deploy Preview for mesheryio-preview ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
hmm build is failing.. |
@vaibhav-xt Let's discuss this on Websites Meeting call on Monday. Please add this as an agenda item in the meeting mintes if you would. :) |
Signed-off-by: Vaibhav Maurya <[email protected]>
d3d831f
to
1260c50
Compare
Hello @samyakshah3008, @Chadha93 & @vishalvivekm , please get a review and I think it's ready to merge. |
_sass/catalog.scss
Outdated
@@ -9,6 +9,9 @@ | |||
font-size: 18px; | |||
font-weight: 400; | |||
} | |||
.tabcontent h3{ | |||
color: #000; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
use theme ref
_sass/catalog.scss
Outdated
@@ -276,6 +279,11 @@ p { | |||
text-align: center; | |||
padding: 15px 0 15px 0; | |||
} | |||
|
|||
.pattern-name-comingsoon{ | |||
color: #fff; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
here too
@vaibhav-xt Review changes pending... |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hey @vaibhav-xt, thank you for your efforts here. The implemented change does not go well with the website.
- The change of text color is desirable, what we need to change is the modal color according to the theme, the same way we implemented it in the catalog modal. This change will be easily done by referencing the color variable.
background-color: var(--integrations-bg);
Also, change the tab heading color to Kepple green
- For the coming soon card,
- Remove the declaration of h5 style from
programs.scss
and add it to the element style file
h4, h5, h6{
color: var(--color-secondary-dark);
}
- Make the style consistent, by removing the background shade.
- Change the overlay-text to be dark mode compatible
The issue that you described was due to the presidency of styles, by following the above steps it will be fixed for this section.
…into vaibhav-xt
Signed-off-by: Vaibhav Maurya <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@vaibhav-xt Please also add links to meshery docs for UI and mesherctl in the modal section.
Signed-off-by: Vaibhav Maurya <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hey @vaibhav-xt, Rest of the changes looks good, but the pattern-id is not visible
in _sass/catalog.scss
Remove color style
pattern-id-overlay{
color: white
}
Do this and we're done here
Signed-off-by: Vaibhav Maurya <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good to merge, thank you for your contribution 🎉
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Co-authored-by: Karan Thakur <[email protected]> Signed-off-by: Gaurav Chadha <[email protected]>
Co-authored-by: Karan Thakur <[email protected]> Signed-off-by: Gaurav Chadha <[email protected]>
Signed-off-by: Gaurav Chadha <[email protected]>
Signed-off-by: Gaurav Chadha <[email protected]>
Description
There is no option left except this. If we declare a sass variable, it conflicts with the dark and light theme colors. @sudhanshutech has tried before this is pr #1114 and it was closed.
This PR fixes #1203
Signed commits