jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

dark mode: make header elements brighter.

Browse Source
This commit is contained in:
evazion
2019-10-28 21:57:49 -05:00
parent b19d2d3934
commit 4f858384bb
2 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/src/styles/base/020_base.scss
View File

@@ -28,6 +28,7 @@ dt {
h1, h2, h3, h4, h5, h6 {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
line-height: 1.5em;
color: var(--header-color);
}
h1 {

3
app/javascript/src/styles/base/040_colors.css
View File

@@ -3,6 +3,7 @@
--text-color: hsl(0, 0%, 15%);
--muted-text-color: hsl(0, 0%, 55%);
--header-color: hsl(0, 0%, 15%);
--link-color: hsl(213, 100%, 50%);
--link-hover-color: hsl(213, 100%, 75%);
@@ -220,6 +221,7 @@ body[data-user-theme="dark"] {
--grey-3: #393a4d; /* hsluv(265, 15, 25.00); */
--grey-4: #9596a8; /* hsluv(265, 15, 62.50); */
--grey-5: #c9c9d2; /* hsluv(265, 15, 81.25); */
--grey-6: #e4e4e8; /* hsluv(265, 15, 90.625); */
--red-0: #652828; /* hsluv(12, 50, 25); */
--red-3: #af4a4b; /* hsluv(12, 50, 45); */
--red-1: #f07a7b; /* hsluv(12, 80, 65); */
@@ -263,6 +265,7 @@ body[data-user-theme="dark"] {
/* main text colors */
--text-color: var(--grey-5);
--muted-text-color: var(--grey-4);
--header-color: var(--grey-6);
--link-color: var(--blue-1);
--link-hover-color: var(--blue-2);