This commit is contained in:
May 2023-10-20 06:25:37 +00:00
parent a26624d98f
commit 8a9fc24120
5 changed files with 16 additions and 11 deletions

View file

@ -60,8 +60,13 @@ $FallbackFonts:
--panel-banner-success: #335544; --panel-banner-success: #335544;
--panel-banner-info: #334466; --panel-banner-info: #334466;
/* Buttons, inputs... */
--button-active: #434343; /* on hover */
--button: #393939;
--text-input: #333333;
/* Text */ /* Text */
--text-visible: #FFF; /* Use for best possible visibility. Used in button interactives on hover. */ --text-visible: #FFF; /* Use for best possible visibility. Used in buttons on hover. */
--text: #DDD; --text: #DDD;
--subtext: #999; --subtext: #999;
} }

View file

@ -31,7 +31,7 @@
button { button {
cursor:pointer; cursor:pointer;
background-color:#393939; background-color:var(--button);
color:var(--text); color:var(--text);
border:none; border:none;
outline:none; outline:none;
@ -46,7 +46,7 @@
&:hover { &:hover {
transition-duration: 250ms; transition-duration: 250ms;
background-color:#434343; background-color:var(--button-active);
color: #ffffff; color: #ffffff;
} }
@ -66,7 +66,7 @@
border-radius:0; border-radius:0;
width:100%; width:100%;
padding:5px; padding:5px;
background-color:#333333; background-color:var(--text-input);
color:var(--text); color:var(--text);
outline:none; outline:none;

View file

@ -46,7 +46,7 @@
column-gap:10px; column-gap:10px;
button, input[type=text] { button, input[type=text] {
background-color:#333333; background-color:var(--text-input);
color:var(--text); color:var(--text);
border:none; border:none;
border-radius: 0px; border-radius: 0px;
@ -71,8 +71,8 @@
transition-duration:250ms; transition-duration:250ms;
flex-basis: 60%; flex-basis: 60%;
} }
background-color:#393939; background-color:var(--button);
color: #ffffff; color: var(--text);
} }
} }

View file

@ -16,7 +16,7 @@
} }
input[type=text] { input[type=text] {
background-color:#333333; background-color:var(--text-input);
color:var(--text); color:var(--text);
border:none; border:none;
outline:none; outline:none;

View file

@ -52,7 +52,7 @@
button { button {
cursor:pointer; cursor:pointer;
background-color:#393939; background-color:var(--button);
color:var(--text); color:var(--text);
border:none; border:none;
outline:none; outline:none;
@ -67,8 +67,8 @@
&:hover { &:hover {
transition-duration: 250ms; transition-duration: 250ms;
background-color:#434343; background-color:var(--button-active);
color: #ffffff; color: var(--text-visible);
} }
} }