Remove -color suffix
This commit is contained in:
parent
782bfec93a
commit
dfd5bb728a
@ -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));
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user