Skip to content
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.

Sign up for GitHub

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

Jump to bottom

perf(ui): Improve dark theme #140

Merged
merged 12 commits into from
May 11, 2024
Merged

perf(ui): Improve dark theme #140

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
591b623
perf(ui): menu supports dark
May 10, 2024
d4b4d57
perf(ui): dialog supports dark
May 10, 2024
b3a097c
perf(ui): menu icon of EnvironmentModal supports dark
May 10, 2024
7b394b9
perf(ui): alert confirm prompt supports dark
May 10, 2024
704a3dc
perf(ui): tip text of SidebarSettingsModal supports dark
May 10, 2024
86d49fb
perf(ui): improve the dark and light theme adaptation of the input an…
May 10, 2024
e2d98f4
perf(ui): improve menu icon of EnvironmentModal
May 11, 2024
3fdc487
perf(ui): revoke some style for EnvironmentModal
May 11, 2024
56b670e
perf(ui): improve input styles to be consistent with previous ones
May 11, 2024
d4107e3
perf(ui): the ContextMenu retains its previous style in light mode
May 11, 2024
ef19d60
perf(ui): improve footer backupground color of dialog
May 11, 2024
45a7fed
Merge branch 'main' into perf/dark-theme
flawiddsouza May 11, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
perf(ui): improve footer backupground color of dialog
  • Loading branch information
mfz committed May 11, 2024
commit ef19d60d70ec3065f6e544371cfda0997cf10fed
2 changes: 1 addition & 1 deletion packages/ui/src/components/Modal.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,12 +26,12 @@
export default {
props: {
modelValue: Boolean,
title: String,

Check warning on line 29 in packages/ui/src/components/Modal.vue

View workflow job for this annotation

GitHub Actions / test 

Prop 'title' requires default value to be set
height: {

Check warning on line 30 in packages/ui/src/components/Modal.vue

View workflow job for this annotation

GitHub Actions / test 

Prop 'height' requires default value to be set
type: String,
required: false
},
width: {

Check warning on line 34 in packages/ui/src/components/Modal.vue

View workflow job for this annotation

GitHub Actions / test 

Prop 'width' requires default value to be set
type: String,
required: false
},
Expand Down Expand Up @@ -139,7 +139,7 @@
text-align: right;
border-top: solid 1px var(--modal-border-color);
padding: var(--gutter);
background-color: var(--background-color);
background-color: var(--modal-footer-background-color);
}

.modal__container footer button, .modal__container footer input {
Expand Down
2 changes: 2 additions & 0 deletions packages/ui/src/styles/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,7 @@ html {
--button-text-color: black;
--button-border-color: #8c8c8c;
--modal-background-color: white;
--modal-footer-background-color: #fafafa;
--modal-text-color: black;
--modal-caret-color: black;
--modal-border-color: lightgrey;
Expand Down Expand Up @@ -138,6 +139,7 @@ html.theme-dark {
--button-text-color: var(--text-color);
--button-border-color: #8c8c8c;
--modal-background-color: var(--background-color);
--modal-footer-background-color: #232323;
--modal-text-color: var(--text-color);
--modal-caret-color: var(--caret-color);
--modal-border-color: var(--default-border-color-modal);
Expand Down
Loading