Something went wrong. Try again.
A warm, tech-dystopian color scheme inspired by corrupted hardware and failing systems. digitalrust.katsuricata.com
theme color-scheme color-theme warm color
Something went wrong. Try again.
5.1 kB · 287 lines
CSS
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288/* Document * ========================================================================== */
/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */
:where(html) { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ text-size-adjust: 100%; /* 2 */}
/* Sections * ========================================================================== */
/** * Remove the margin in all browsers. (opinionated) */
:where(body) { margin: 0;}
/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Edge, Firefox, and Safari. */
:where(h1) { font-size: 2em; margin-block-end: 0.67em; margin-block-start: 0.67em;}
/* Grouping content * ========================================================================== */
/** * Remove the margin on nested lists in Chrome, Edge, and Safari. */
:where(dl, ol, ul) :where(dl, ol, ul) { margin-block-end: 0; margin-block-start: 0;}
/** * 1. Add the correct box sizing in Firefox. * 2. Correct the inheritance of border color in Firefox. */
:where(hr) { box-sizing: content-box; /* 1 */ color: inherit; /* 2 */ height: 0; /* 1 */}
/* Text-level semantics * ========================================================================== */
/** * Add the correct text decoration in Safari. */
:where(abbr[title]) { text-decoration: underline; text-decoration: underline dotted;}
/** * Add the correct font weight in Chrome, Edge, and Safari. */
:where(b, strong) { font-weight: bolder;}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
:where(code, kbd, pre, samp) { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
/** * Add the correct font size in all browsers. */
:where(small) { font-size: 80%;}
/* Tabular data * ========================================================================== */
/** * 1. Correct table border color in Chrome, Edge, and Safari. * 2. Remove text indentation from table contents in Chrome, Edge, and Safari. */
:where(table) { border-color: currentColor; /* 1 */ text-indent: 0; /* 2 */}
/* Forms * ========================================================================== */
/** * Remove the margin on controls in Safari. */
:where(button, input, select) { margin: 0;}
/** * Remove the inheritance of text transform in Firefox. */
:where(button) { text-transform: none;}
/** * Correct the inability to style buttons in iOS and Safari. */
:where(button, input:is([type='button' i], [type='reset' i], [type='submit' i])) { -webkit-appearance: button; appearance: button;}
/** * Add the correct vertical alignment in Chrome, Edge, and Firefox. */
:where(progress) { vertical-align: baseline;}
/** * Remove the inheritance of text transform in Firefox. */
:where(select) { text-transform: none;}
/** * Remove the margin in Firefox and Safari. */
:where(textarea) { margin: 0;}
/** * 1. Correct the odd appearance in Chrome, Edge, and Safari. * 2. Correct the outline style in Safari. */
:where(input[type='search' i]) { -webkit-appearance: textfield; appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */}
/** * Correct the cursor style of increment and decrement buttons in Safari. */
::-webkit-inner-spin-button,::-webkit-outer-spin-button { height: auto;}
/** * Correct the text style of placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder { color: inherit; opacity: 0.54;}
/** * Remove the inner padding in Chrome, Edge, and Safari on macOS. */
::-webkit-search-decoration { -webkit-appearance: none;}
/** * 1. Correct the inability to style upload buttons in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */}
/** * Remove the inner border and padding of focus outlines in Firefox. */
:where( button, input:is([type='button' i], [type='color' i], [type='reset' i], [type='submit' i]))::-moz-focus-inner { border-style: none; padding: 0;}
/** * Restore the focus outline styles unset by the previous rule in Firefox. */
:where( button, input:is([type='button' i], [type='color' i], [type='reset' i], [type='submit' i]))::-moz-focusring { outline: 1px dotted ButtonText;}
/** * Remove the additional :invalid styles in Firefox. */
:where(:-moz-ui-invalid) { box-shadow: none;}
/* Interactive * ========================================================================== */
/* * Add the correct styles in Safari. */
:where(dialog) { background-color: white; border: solid; color: black; height: -moz-fit-content; height: fit-content; left: 0; margin: auto; padding: 1em; position: absolute; right: 0; width: -moz-fit-content; width: fit-content;}
:where(dialog:not([open])) { display: none;}
/* * Add the correct display in all browsers. */
:where(summary) { display: list-item;}