Sha256: 547317f1d237dcaeaec7629fefa9d23abc753101b38168dd9a0a79025046f5e5
Contents?: true
Size: 1.6 KB
Versions: 5
Compression:
Stored size: 1.6 KB
Contents
:root {
/* Color Scheme */
color-scheme: light dark;
/* Abstractions */
--color-bg: light-dark(white, var(--zinc-950));
--color-text: light-dark(black, white);
--color-text-reversed: light-dark(white, black);
--color-text-subtle: light-dark(var(--zinc-500), var(--zinc-400));
--color-border: light-dark(var(--zinc-200), var(--zinc-800));
--color-border-darker: light-dark(var(--zinc-400), var(--zinc-300));
/* Accent colors */
--color-primary: light-dark(var(--zinc-900), var(--zinc-50));
--color-secondary: light-dark(var(--zinc-100), var(--zinc-800));
--color-negative: light-dark(var(--red-600), var(--red-900));
--color-positive: light-dark(var(--green-600), var(--green-900));
/* SVG color values */
--color-filter-text: invert(0);
--color-filter-text-reversed: invert(100%);
--color-filter-negative: invert(31%) sepia(96%) saturate(4646%) hue-rotate(350deg) brightness(91%) contrast(89%);
--color-filter-positive: invert(48%) sepia(74%) saturate(520%) hue-rotate(90deg) brightness(89%) contrast(90%);
@media (prefers-color-scheme: dark) {
--color-filter-text: invert(100%);
--color-filter-text-reversed: invert(0);
--color-filter-negative: invert(15%) sepia(83%) saturate(2066%) hue-rotate(345deg) brightness(87%) contrast(88%);
--color-filter-positive: invert(23%) sepia(74%) saturate(495%) hue-rotate(91deg) brightness(88%) contrast(89%);
}
}
* {
border-color: var(--color-border);
}
html {
scroll-behavior: smooth;
}
body {
background-color: var(--color-bg);
color: var(--color-text);
font-synthesis-weight: none;
text-rendering: optimizeLegibility;
}
Version data entries
5 entries across 5 versions & 1 rubygems