Rename greys
This commit is contained in:
parent
846df09e46
commit
b36b6b747c
13 changed files with 22 additions and 22 deletions
|
|
@ -19,11 +19,11 @@
|
|||
height: $height;
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px $grey-00;
|
||||
box-shadow: 0 0 0 2px $grey-10;
|
||||
}
|
||||
|
||||
&[data-state="checked"] {
|
||||
background: $grey-00;
|
||||
background: $grey-10;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -89,7 +89,7 @@
|
|||
gap: calc($unit / 2);
|
||||
|
||||
label {
|
||||
color: $grey-00;
|
||||
color: $grey-10;
|
||||
font-size: $font-regular;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
background-color: $grey-90;
|
||||
border-radius: 6px;
|
||||
box-sizing: border-box;
|
||||
color: $grey-00;
|
||||
color: $grey-10;
|
||||
height: $unit * 6;
|
||||
display: block;
|
||||
font-size: $font-regular;
|
||||
|
|
|
|||
|
|
@ -13,15 +13,15 @@
|
|||
&:hover {
|
||||
background: white;
|
||||
cursor: pointer;
|
||||
color: $grey-00;
|
||||
color: $grey-10;
|
||||
|
||||
.icon svg {
|
||||
fill: $grey-00;
|
||||
fill: $grey-10;
|
||||
}
|
||||
|
||||
.icon.stroke svg {
|
||||
fill: none;
|
||||
stroke: $grey-00;
|
||||
stroke: $grey-10;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -147,7 +147,7 @@
|
|||
|
||||
&:hover {
|
||||
background: $grey-70;
|
||||
color: $grey-00;
|
||||
color: $grey-10;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
&:hover,
|
||||
&[data-state="on"] {
|
||||
background: $grey-80;
|
||||
color: $grey-00;
|
||||
color: $grey-10;
|
||||
|
||||
&.fire {
|
||||
background: $fire-bg-light;
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
background-color: white;
|
||||
border-radius: 6px;
|
||||
box-sizing: border-box;
|
||||
color: $grey-00;
|
||||
color: $grey-10;
|
||||
display: block;
|
||||
font-size: $font-regular;
|
||||
padding: 12px 16px;
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
}
|
||||
|
||||
h1 {
|
||||
color: $grey-20;
|
||||
color: $grey-30;
|
||||
font-size: $font-regular;
|
||||
font-weight: $normal;
|
||||
flex-grow: 1;
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@
|
|||
gap: calc($unit / 2);
|
||||
|
||||
h2 {
|
||||
color: $grey-00;
|
||||
color: $grey-10;
|
||||
font-size: $font-regular;
|
||||
overflow: hidden;
|
||||
padding-bottom: 1px;
|
||||
|
|
|
|||
|
|
@ -14,11 +14,11 @@
|
|||
|
||||
&:hover:not(.disabled) {
|
||||
background: $grey-100;
|
||||
color: $grey-00;
|
||||
color: $grey-10;
|
||||
cursor: pointer;
|
||||
|
||||
a {
|
||||
color: $grey-00;
|
||||
color: $grey-10;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
}
|
||||
|
||||
& p.placeholder {
|
||||
color: $grey-20;
|
||||
color: $grey-30;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
.skill.pill {
|
||||
background: $grey-90;
|
||||
border-radius: $unit * 2;
|
||||
color: $grey-00;
|
||||
color: $grey-10;
|
||||
display: inline;
|
||||
font-size: $font-tiny;
|
||||
font-weight: $medium;
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
&:hover {
|
||||
background: $grey-80;
|
||||
color: $grey-00;
|
||||
color: $grey-10;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
.Fieldset textarea {
|
||||
color: $grey-00;
|
||||
color: $grey-10;
|
||||
font-family: system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial,
|
||||
sans-serif;
|
||||
line-height: 21px;
|
||||
|
|
|
|||
|
|
@ -12,10 +12,10 @@ $medium-screen: 800px;
|
|||
$unit: 8px;
|
||||
|
||||
// Colors
|
||||
$grey-00: #222;
|
||||
$grey-10: #444;
|
||||
$grey-20: #555;
|
||||
$grey-30: #666;
|
||||
$grey-10: #191919;
|
||||
$grey-15: #2f2f2f;
|
||||
$grey-20: #444;
|
||||
$grey-30: #555;
|
||||
$grey-40: #777;
|
||||
$grey-50: #888;
|
||||
$grey-60: #a9a9a9;
|
||||
|
|
|
|||
Loading…
Reference in a new issue