easrng/maia.crimew.gay
1
0
Fork 0
forked from nyancrimew/maia.crimew.gay
Code Pull requests Activity

make color scheme more accessible

Browse source
This commit is contained in:
maia arson crimew 2023-07-31 15:05:37 +02:00
parent fd504a1536
commit b1981a2384
1 changed files with 20 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/css/style.scss
View file

@ -1,25 +1,32 @@
$bg: rgb(254, 175, 214);
$text: rgb(92, 53, 124);
$accent: rgb(146, 0, 80);
$active-links: rgb(124, 6, 160);
$divider: rgb(219, 103, 167);
$semi-bg: rgba(221, 116, 174, 0.211);
html { html {
background-color: rgb(236, 169, 203); background-color: $bg;
color: rgb(92, 53, 124); color: $text;
} }
a { a {
color: rgb(255, 0, 140); color: $accent;
} }
.like-a { .like-a {
color: rgb(255, 0, 140); color: $accent;
text-decoration: underline; text-decoration: underline;
} }
a.active, a.active,
li.lavender-webring-curr-site>a { li.lavender-webring-curr-site>a {
color: rgb(195, 0, 255); color: $active-links;
} }
#site_header { #site_header {
padding-bottom: 5px; padding-bottom: 5px;
border-bottom: 1px solid rgb(255, 0, 140); border-bottom: 1px solid $accent;
} }
footer { footer {
@ -28,7 +35,7 @@ footer {
.footer-kitten { .footer-kitten {
height: 88px; height: 88px;
border-bottom: 1px solid rgb(255, 0, 140); border-bottom: 1px solid $accent;
margin-bottom: 5px; margin-bottom: 5px;
>img { >img {
@ -85,7 +92,7 @@ time,
.article_header, .article_header,
.page_header { .page_header {
padding-bottom: 4px; padding-bottom: 4px;
border-bottom: 1px dotted rgb(219, 103, 167); border-bottom: 1px dotted $divider;
} }
.article_header { .article_header {
@ -96,7 +103,7 @@ time,
.related { .related {
margin-top: 18px; margin-top: 18px;
border-top: 1px dotted rgb(219, 103, 167); border-top: 1px dotted $divider;
h3 { h3 {
margin-top: 4px; margin-top: 4px;
@ -136,16 +143,16 @@ video {
.kofi-banner { .kofi-banner {
border-radius: 8px; border-radius: 8px;
padding: 4px; padding: 4px;
border: 2px solid rgb(255, 0, 140); border: 2px solid $accent;
background-color: rgba(221, 116, 174, 0.211); background-color: $semi-bg;
font-size: 1.1rem; font-size: 1.1rem;
} }
.content-warnings { .content-warnings {
border-radius: 8px; border-radius: 8px;
padding: 4px; padding: 4px;
border: 2px solid rgb(255, 0, 140); border: 2px solid $accent;
background-color: rgba(221, 116, 174, 0.211); background-color: $semi-bg;
font-size: 1.1rem; font-size: 1.1rem;
margin-top: 16px; margin-top: 16px;
margin-bottom: 16px; margin-bottom: 16px;