From fa8a7cfa4f0339a3f83ea9bc83d9bd5fd660286a Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <pablo@blender.org>
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;