diff --git a/public/themes/default.css b/public/themes/default.css index f76be6c34..353893b29 100644 --- a/public/themes/default.css +++ b/public/themes/default.css @@ -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); diff --git a/public/themes/light.css b/public/themes/light.css index c913070b6..19fefa4af 100644 --- a/public/themes/light.css +++ b/public/themes/light.css @@ -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 */ diff --git a/src/app/common/elements/button.less b/src/app/common/elements/button.less index 0c4894ffa..9d7a825d2 100644 --- a/src/app/common/elements/button.less +++ b/src/app/common/elements/button.less @@ -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; }