mirror of
https://github.com/wavetermdev/waveterm.git
synced 2024-12-21 16:38:23 +01:00
small lightmode fixups (#400)
This commit is contained in:
parent
d77dd5f507
commit
a3d2b1a54c
@ -102,6 +102,7 @@
|
||||
/* todo: use --form-element-* directly in elements */
|
||||
--button-text-color: var(--form-element-text-color);
|
||||
--button-primary-bg-color: var(--form-element-primary-color);
|
||||
--button-primary-color: var(--form-element-text-color);
|
||||
--button-secondary-bg-color: var(--form-element-secondary-color);
|
||||
--button-warning-bg-color: var(--form-element-error-color);
|
||||
|
||||
|
@ -15,11 +15,14 @@
|
||||
--app-icon-color: rgb(80, 80, 80);
|
||||
--app-icon-hover-color: rgb(100, 100, 100);
|
||||
|
||||
--input-bg-color: #eeeeee;
|
||||
|
||||
/* tab color */
|
||||
--tab-white: rgb(0, 0, 0, 0.6);
|
||||
|
||||
/* button colors */
|
||||
--button-text-color: rgb(50, 50, 50); /* Dark gray for light theme */
|
||||
--button-primary-color: #fefefe;
|
||||
--button-secondary-bg-color: rgba(200, 200, 200, 0.3); /* Semi-transparent light gray */
|
||||
|
||||
/* view colors */
|
||||
|
@ -22,11 +22,11 @@
|
||||
}
|
||||
|
||||
&.solid {
|
||||
color: var(--button-text-color);
|
||||
color: var(--button-primary-color);
|
||||
background: var(--button-primary-bg-color);
|
||||
|
||||
i {
|
||||
fill: var(--app-text-color);
|
||||
fill: var(--button-primary-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -39,15 +39,16 @@
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--button-text-color);
|
||||
color: var(--button-primary-color);
|
||||
}
|
||||
}
|
||||
|
||||
&.secondary {
|
||||
color: var(--app-text-color);
|
||||
color: var(--button-text-color);
|
||||
background: none;
|
||||
|
||||
&.solid {
|
||||
color: var(--button-text-color);
|
||||
background: var(--button-secondary-bg-color);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user