Remove -color suffix

This commit is contained in:
ekzyis 2024-07-14 13:46:54 +02:00
parent 782bfec93a
commit dfd5bb728a

View File

@ -3,28 +3,28 @@
@tailwind utilities; @tailwind utilities;
:root { :root {
--background-color: #191d21; --background: #191d21;
--color: #d3d3d3; --color: #d3d3d3;
--muted-color: #6c757d; --muted: #6c757d;
--lightning-color: #fada5e; --lightning: #fada5e;
--nostr-color: #8d45dd; --nostr: #8d45dd;
--black: #000; --black: #000;
--white: #fff; --white: #fff;
} }
@layer base { @layer base {
body { body {
background-color: var(--background-color); background-color: var(--background);
color: var(--color); color: var(--color);
transition: background-color 150ms ease-in; transition: background-color 150ms ease-in;
} }
footer { footer {
color: var(--muted-color); color: var(--muted);
} }
hr { hr {
border-color: var(--muted-color); border-color: var(--muted);
border-style: dashed; border-style: dashed;
@apply pb-1; @apply pb-1;
} }
@ -39,7 +39,7 @@
button[hx-get]:hover, button[hx-get]:hover,
button[hx-post]:hover { button[hx-post]:hover {
background-color: var(--color); background-color: var(--color);
color: var(--background-color); color: var(--background);
} }
a:not(.no-link), a:not(.no-link),
@ -67,7 +67,7 @@
} }
.text-muted { .text-muted {
color: var(--muted-color); color: var(--muted);
} }
.figlet { .figlet {
@ -89,20 +89,20 @@
} }
.lightning { .lightning {
background-color: var(--lightning-color) !important; background-color: var(--lightning) !important;
color: var(--black) !important; color: var(--black) !important;
} }
.lightning:hover { .lightning:hover {
filter: brightness(125%) drop-shadow(0 0 0.33rem var(--lightning-color)); filter: brightness(125%) drop-shadow(0 0 0.33rem var(--lightning));
} }
.nostr { .nostr {
background-color: var(--nostr-color) !important; background-color: var(--nostr) !important;
color: var(--white) !important; color: var(--white) !important;
} }
.nostr:hover { .nostr:hover {
filter: brightness(125%) drop-shadow(0 0 0.33rem var(--nostr-color)); filter: brightness(125%) drop-shadow(0 0 0.33rem var(--nostr));
} }
} }