granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Rename greys

Browse source
This commit is contained in:
Justin Edmund 2022-12-04 09:12:40 -08:00
parent 846df09e46
commit b36b6b747c
13 changed files with 22 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/AccountModal/index.scss
View file

@ -19,11 +19,11 @@
height: $height; height: $height;
&:focus { &:focus {
box-shadow: 0 0 0 2px $grey-00; box-shadow: 0 0 0 2px $grey-10;
} }
&[data-state="checked"] { &[data-state="checked"] {
background: $grey-00; background: $grey-10;
} }
} }
@ -89,7 +89,7 @@
gap: calc($unit / 2); gap: calc($unit / 2);
label { label {
color: $grey-00; color: $grey-10;
font-size: $font-regular; font-size: $font-regular;
} }

2
components/AxSelect/index.scss
View file

@ -34,7 +34,7 @@
background-color: $grey-90; background-color: $grey-90;
border-radius: 6px; border-radius: 6px;
box-sizing: border-box; box-sizing: border-box;
color: $grey-00; color: $grey-10;
height: $unit * 6; height: $unit * 6;
display: block; display: block;
font-size: $font-regular; font-size: $font-regular;

8
components/Button/index.scss
View file

@ -13,15 +13,15 @@
&:hover { &:hover {
background: white; background: white;
cursor: pointer; cursor: pointer;
color: $grey-00; color: $grey-10;
.icon svg { .icon svg {
fill: $grey-00; fill: $grey-10;
} }
.icon.stroke svg { .icon.stroke svg {
fill: none; fill: none;
stroke: $grey-00; stroke: $grey-10;
} }
} }
@ -147,7 +147,7 @@
&:hover { &:hover {
background: $grey-70; background: $grey-70;
color: $grey-00; color: $grey-10;
} }
} }

2
components/ElementToggle/index.scss
View file

@ -29,7 +29,7 @@
&:hover, &:hover,
&[data-state="on"] { &[data-state="on"] {
background: $grey-80; background: $grey-80;
color: $grey-00; color: $grey-10;
&.fire { &.fire {
background: $fire-bg-light; background: $fire-bg-light;

2
components/Fieldset/index.scss
View file

@ -12,7 +12,7 @@
background-color: white; background-color: white;
border-radius: 6px; border-radius: 6px;
box-sizing: border-box; box-sizing: border-box;
color: $grey-00; color: $grey-10;
display: block; display: block;
font-size: $font-regular; font-size: $font-regular;
padding: 12px 16px; padding: 12px 16px;

2
components/FilterBar/index.scss
View file

@ -18,7 +18,7 @@
} }
h1 { h1 {
color: $grey-20; color: $grey-30;
font-size: $font-regular; font-size: $font-regular;
font-weight: $normal; font-weight: $normal;
flex-grow: 1; flex-grow: 1;

2
components/GridRep/index.scss
View file

@ -64,7 +64,7 @@
gap: calc($unit / 2); gap: calc($unit / 2);
h2 { h2 {
color: $grey-00; color: $grey-10;
font-size: $font-regular; font-size: $font-regular;
overflow: hidden; overflow: hidden;
padding-bottom: 1px; padding-bottom: 1px;

4
components/HeaderMenu/index.scss
View file

@ -14,11 +14,11 @@
&:hover:not(.disabled) { &:hover:not(.disabled) {
background: $grey-100; background: $grey-100;
color: $grey-00; color: $grey-10;
cursor: pointer; cursor: pointer;
a { a {
color: $grey-00; color: $grey-10;
} }
} }

2
components/JobSkillItem/index.scss
View file

@ -15,7 +15,7 @@
} }
& p.placeholder { & p.placeholder {
color: $grey-20; color: $grey-30;
} }
} }

2
components/JobSkillResult/index.scss
View file

@ -23,7 +23,7 @@
.skill.pill { .skill.pill {
background: $grey-90; background: $grey-90;
border-radius: $unit * 2; border-radius: $unit * 2;
color: $grey-00; color: $grey-10;
display: inline; display: inline;
font-size: $font-tiny; font-size: $font-tiny;
font-weight: $medium; font-weight: $medium;

2
components/SearchFilter/index.scss
View file

@ -11,7 +11,7 @@
&:hover { &:hover {
background: $grey-80; background: $grey-80;
color: $grey-00; color: $grey-10;
cursor: pointer; cursor: pointer;
} }

2
components/TextFieldset/index.scss
View file

@ -1,5 +1,5 @@
.Fieldset textarea { .Fieldset textarea {
color: $grey-00; color: $grey-10;
font-family: system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, font-family: system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial,
sans-serif; sans-serif;
line-height: 21px; line-height: 21px;

8
styles/variables.scss
View file

@ -12,10 +12,10 @@ $medium-screen: 800px;
$unit: 8px; $unit: 8px;
// Colors // Colors
$grey-00: #222; $grey-10: #191919;
$grey-10: #444; $grey-15: #2f2f2f;
$grey-20: #555; $grey-20: #444;
$grey-30: #666; $grey-30: #555;
$grey-40: #777; $grey-40: #777;
$grey-50: #888; $grey-50: #888;
$grey-60: #a9a9a9; $grey-60: #a9a9a9;