From fa8a7cfa4f0339a3f83ea9bc83d9bd5fd660286a Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Tue, 5 Jul 2022 13:13:58 +0200 Subject: [PATCH] UI: Style adjustment to buttons Do not use accent color for regular buttons, keep that for real call-to-actions. --- web/app/src/assets/base.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css index f8c78e72..dd7b1b73 100644 --- a/web/app/src/assets/base.css +++ b/web/app/src/assets/base.css @@ -15,6 +15,9 @@ --color-border: #282828; + --color-button: #bbb; + --color-button-background: #555; + --border-width: 2px; --border-radius: 4px; @@ -247,10 +250,10 @@ footer { .btn { align-items: center; - background-color: var(--color-accent); + background-color: var(--color-button-background); border-radius: var(--border-radius); - border: var(--border-width) solid var(--color-accent); - color: var(--color-background); + border: var(--border-width) solid var(--color-button-background); + color: var(--color-button); cursor: pointer; display: inline-flex; font-size: var(--font-size-sm); @@ -267,7 +270,7 @@ footer { .btn[disabled] { background-color: transparent; - border-color: var(--color-text-muted); + border-color: var(--color-button); color: var(--color-text-muted); opacity: .5; pointer-events: none;