2023-03-05 16:07:40 +01:00
|
|
|
@import "tailwindcss/base";
|
|
|
|
@import "tailwindcss/components";
|
|
|
|
@import "tailwindcss/utilities";
|
|
|
|
|
2023-03-13 02:03:48 +01:00
|
|
|
@import "./lolight.css";
|
2023-03-14 22:57:40 +01:00
|
|
|
@import "./lightbox.css";
|
|
|
|
|
2023-03-15 10:21:08 +01:00
|
|
|
@layer base {
|
|
|
|
:root {
|
2023-03-15 19:16:01 +01:00
|
|
|
--color-primary: 16 185 129;
|
2023-03-15 16:15:24 +01:00
|
|
|
--color-background: 255 255 255;
|
2023-03-15 16:18:19 +01:00
|
|
|
--color-text-base: 82 82 91;
|
2023-03-15 16:15:24 +01:00
|
|
|
--color-text-heading: 24 24 27;
|
|
|
|
--color-text-muted: 82 82 91;
|
2023-03-15 19:16:01 +01:00
|
|
|
--color-text-dim: 244 244 245;
|
2023-03-15 10:21:08 +01:00
|
|
|
}
|
2023-03-15 16:27:15 +01:00
|
|
|
|
|
|
|
:root[data-theme=roguelight] {
|
2023-03-15 19:16:01 +01:00
|
|
|
--color-primary: 150 207 133;
|
|
|
|
--color-background: 53 43 49;
|
2023-03-15 16:27:15 +01:00
|
|
|
--color-text-base: 245 245 212;
|
2023-03-17 21:21:01 +01:00
|
|
|
--color-text-heading: 112 131 140;
|
2023-03-15 16:27:15 +01:00
|
|
|
--color-text-muted: 245 245 212;
|
2023-03-16 13:06:07 +01:00
|
|
|
--color-text-dim: 74 59 68;
|
2023-03-15 16:27:15 +01:00
|
|
|
}
|
2023-03-15 10:21:08 +01:00
|
|
|
}
|
|
|
|
|
2023-03-16 07:30:58 +01:00
|
|
|
/*
|
|
|
|
Invert prose styles based on the variant of the theme.
|
|
|
|
*/
|
|
|
|
:root[data-variant=dark] .prose {
|
|
|
|
@apply prose-invert;
|
|
|
|
}
|
|
|
|
|
2023-03-17 21:21:01 +01:00
|
|
|
/* Set width and color for identity icons */
|
2023-03-15 19:16:01 +01:00
|
|
|
a[rel] svg {
|
|
|
|
width: 1em;
|
|
|
|
fill: rgb(var(--color-text-heading));
|
2023-03-17 21:21:01 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Set width and color for identity icons */
|
|
|
|
svg {
|
|
|
|
width: 1.5em;
|
|
|
|
@apply fill-emerald-500 dark:fill-emerald-700;
|
2023-03-15 19:16:01 +01:00
|
|
|
}
|