mirror of
https://github.com/mollersuite/monofile.git
synced 2024-11-22 05:46:26 -08:00
im tired
This commit is contained in:
parent
a26624d98f
commit
8a9fc24120
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue