diff --git a/default.css b/default.css index 87936ad..9b25505 100644 --- a/default.css +++ b/default.css @@ -1,59 +1,16 @@ /* - * base text: #06CDFF - * important text: #8200FF - * background: #03001C + * text / border: #8c7862 + * foreground: #89bea6 + * background: #61937c */ -/* colors -@define-color fg #504945; -@define-color bg #fbf1c7; -@define-color imp #d79921; - -@define-color fg #3c3836; -@define-color fg0 #282828; -@define-color fg1 #3c3836; -@define-color fg2 #504945; -@define-color fg3 #665c54; -@define-color fg4 #7c6f64; - -@define-color bg #fbf1c7; -@define-color bg0 #fbf1c7; -@define-color bg0_h #f9f5d7; -@define-color bg0_s #f2e5bc; -@define-color bg1 #ebdbb2; -@define-color bg2 #d5c4a1; -@define-color bg3 #bdae93; -@define-color bg4 #a89984; - -@define-color gray #7c6f64; -@define-color red #cc241d; -@define-color green #98971a; -@define-color yellow #d79921; -@define-color blue #458588; -@define-color purple #b16286; -@define-color aqua #689d6a; -@define-color orange #d65d0e; -@define-color peach #fe640b; - -@define-color alt_gray #928374; -@define-color alt_red #9d0006; -@define-color alt_green #79740e; -@define-color alt_yellow #b57614; -@define-color alt_blue #076678; -@define-color alt_purple #8f3f71; -@define-color alt_aqua #427b58; -@define-color alt_orange #af3a03; -*/ - - - body { - font-family: "Noto Sans Symbols", sans-serif; + font-family: "Departure Mono", sans-serif; font-optical-sizing: auto; font-weight: 400; - color: #504945; - background: #fbf1c7; + color: #8c7862; + background: #61937c; line-height: 1.5; margin-inline: auto; margin: 0 auto; @@ -63,6 +20,8 @@ body { max-width: 60rem; margin: 0 auto; padding: 2rem 1.5rem; + background: #89bea6; + border: 4px solid #8c7862; } nav { @@ -96,7 +55,6 @@ nav ul { } .trianta { - color: #d79921 !important; font-size: 2.5rem !important; min-width: 12rem; } @@ -106,7 +64,7 @@ nav ul { display: inline-block; width: 60rem; vertical-align: bottom; - border: solid 4px #d79921; + border: solid 4px #8c7862; } .stats { @@ -122,7 +80,7 @@ h1 { } h2 { - border: solid 2px #d79921; + border: solid 2px #8c7862; margin: auto; padding: 8px; text-align: center; @@ -140,7 +98,7 @@ p { } a { - border: solid 2px #d79921; + border: solid 2px #8c7862; border-radius: 12px; display: inline-block; margin: 6px; @@ -166,7 +124,7 @@ a.button { } a:visited { - border: solid 2px #d79921; + color: #8c7862; } @keyframes hover { @@ -196,5 +154,5 @@ a:visited { #pong { margin: 6px; - background: #03001C; + background: #61937c; } diff --git a/index.html b/index.html index fc4f302..e6c7364 100644 --- a/index.html +++ b/index.html @@ -3,22 +3,20 @@