diff --git a/static/css/style.css b/static/css/style.css index c28a3ff..7bfa7aa 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1,6 +1,8 @@ @import url("../fonts/inter.css"); :root { + --contrast: #eee; + --contrast2: #fff; --invertdm: 0%; --bar: #f4f4f4; --editor: #ffffff; @@ -23,6 +25,8 @@ @media (prefers-color-scheme: dark) { :root { --invertdm: 100%; + --contrast: #2d2f21; + --contrast2: #2d2f21; --bar: #2d2f31; --editor: #202124; --text-color: #ffffff; @@ -294,10 +298,10 @@ body { .notesBar .loadingStuff { border: none; background: - linear-gradient(0.25turn, transparent, var(--bar), transparent), - linear-gradient(var(--editor), var(--editor)), + linear-gradient(0.25turn, transparent, var(--contrast2), transparent), + linear-gradient(var(--contrast), var(--contrast)), radial-gradient(38px circle at 19px 19px, #eee 50%, transparent 51%), - linear-gradient(var(--editor), var(--editor)); + linear-gradient(var(--contrast), var(--contrast)); background-repeat: no-repeat; background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px; background-position: -315px 0, 0 0, 0px 190px, 50px 195px;