Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2024-12-22 16:48:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

small lightmode fixups (#400)

Browse Source
This commit is contained in:
Mike Sawka 2024-03-07 11:33:41 -08:00 committed by GitHub
parent d77dd5f507
commit a3d2b1a54c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/themes/default.css
View File

@ -102,6 +102,7 @@
/* todo: use --form-element-* directly in elements */ /* todo: use --form-element-* directly in elements */
--button-text-color: var(--form-element-text-color); --button-text-color: var(--form-element-text-color);
--button-primary-bg-color: var(--form-element-primary-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-secondary-bg-color: var(--form-element-secondary-color);
--button-warning-bg-color: var(--form-element-error-color); --button-warning-bg-color: var(--form-element-error-color);

3
public/themes/light.css
View File

@ -15,11 +15,14 @@
--app-icon-color: rgb(80, 80, 80); --app-icon-color: rgb(80, 80, 80);
--app-icon-hover-color: rgb(100, 100, 100); --app-icon-hover-color: rgb(100, 100, 100);
--input-bg-color: #eeeeee;
/* tab color */ /* tab color */
--tab-white: rgb(0, 0, 0, 0.6); --tab-white: rgb(0, 0, 0, 0.6);
/* button colors */ /* button colors */
--button-text-color: rgb(50, 50, 50); /* Dark gray for light theme */ --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 */ --button-secondary-bg-color: rgba(200, 200, 200, 0.3); /* Semi-transparent light gray */
/* view colors */ /* view colors */

9
src/app/common/elements/button.less
View File

@ -22,11 +22,11 @@
} }
&.solid { &.solid {
color: var(--button-text-color); color: var(--button-primary-color);
background: var(--button-primary-bg-color); background: var(--button-primary-bg-color);
i { i {
fill: var(--app-text-color); fill: var(--button-primary-color);
} }
} }
@ -39,15 +39,16 @@
} }
&:hover { &:hover {
color: var(--button-text-color); color: var(--button-primary-color);
} }
} }
&.secondary { &.secondary {
color: var(--app-text-color); color: var(--button-text-color);
background: none; background: none;
&.solid { &.solid {
color: var(--button-text-color);
background: var(--button-secondary-bg-color); background: var(--button-secondary-bg-color);
box-shadow: none; box-shadow: none;
} }