blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Style adjustment to buttons

Browse Source 
Do not use accent color for regular buttons, keep that for real call-to-actions.
This commit is contained in:
Pablo Vazquez 2022-07-05 13:13:58 +02:00 committed by Francesco Siddi
parent 47121d4fa3
commit fa8a7cfa4f
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/app/src/assets/base.css
View File

@ -15,6 +15,9 @@
--color-border: #282828; --color-border: #282828;
--color-button: #bbb;
--color-button-background: #555;
--border-width: 2px; --border-width: 2px;
--border-radius: 4px; --border-radius: 4px;
@ -247,10 +250,10 @@ footer {
.btn { .btn {
align-items: center; align-items: center;
background-color: var(--color-accent); background-color: var(--color-button-background);
border-radius: var(--border-radius); border-radius: var(--border-radius);
border: var(--border-width) solid var(--color-accent); border: var(--border-width) solid var(--color-button-background);
color: var(--color-background); color: var(--color-button);
cursor: pointer; cursor: pointer;
display: inline-flex; display: inline-flex;
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
@ -267,7 +270,7 @@ footer {
.btn[disabled] { .btn[disabled] {
background-color: transparent; background-color: transparent;
border-color: var(--color-text-muted); border-color: var(--color-button);
color: var(--color-text-muted); color: var(--color-text-muted);
opacity: .5; opacity: .5;
pointer-events: none; pointer-events: none;