202403211810

This commit is contained in:
nelle 2024-03-21 18:10:56 -06:00
parent 1ef9f5f61f
commit 994b0ac36b

62
dist/dl/microbin.css vendored
View file

@ -1,12 +1,12 @@
:root { :root {
--background-body: #fff; --background-body: #1e1e2e;
--background: #efefef; --background: #181825;
--background-alt: #f7f7f7; --background-alt: #11111b;
--selection: #9e9e9e; --selection: #9e9e9e;
--text-main: #363636; --text-main: #cdd6f4;
--text-bright: #000; --text-bright: #a6adc8;
--text-muted: #70777f; --text-muted: #bac2de;
--links: #f9e2af; --links: #f9e2af;
--focus: #f9e2af; --focus: #f9e2af;
--border: #dbdbdb; --border: #dbdbdb;
@ -17,7 +17,7 @@
--scrollbar-thumb: #aaa; --scrollbar-thumb: #aaa;
--scrollbar-thumb-hover: var(--button-hover); --scrollbar-thumb-hover: var(--button-hover);
--form-placeholder: #949494; --form-placeholder: #949494;
--form-text: #1d1d1d; --form-text: #f9e2af;
--variable: #39a33c; --variable: #39a33c;
--highlight: #ff0; --highlight: #ff0;
--select-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") --select-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")
@ -28,12 +28,12 @@
--background-body: #141b23; --background-body: #141b23;
--background: #222f3a; --background: #222f3a;
--background-alt: #1a242f; --background-alt: #1a242f;
--selection: #1c76c5; --selection: #f9e2af;
--text-main: #dbdbdb; --text-main: #dbdbdb;
--text-bright: #fff; --text-bright: #1e1e2e;
--text-muted: #a9b1ba; --text-muted: #a9b1ba;
--links: #2975D2; --links: #f9e2af;
--focus: #2975D2; --focus: #f9e2af;
--border: #526980; --border: #526980;
--code: #ffbe85; --code: #ffbe85;
--animation-duration: 0.1s; --animation-duration: 0.1s;
@ -42,7 +42,7 @@
--scrollbar-thumb: var(--button-hover); --scrollbar-thumb: var(--button-hover);
--scrollbar-thumb-hover: #000; --scrollbar-thumb-hover: #000;
--form-placeholder: #a9a9a9; --form-placeholder: #a9a9a9;
--form-text: #fff; --form-text: #1e1e2e;
--variable: #d941e2; --variable: #d941e2;
--highlight: #efdb43; --highlight: #efdb43;
--select-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") --select-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")
@ -50,7 +50,7 @@
} }
html { html {
scrollbar-color: #aaa #fff; scrollbar-color: #aaa #1e1e2e;
scrollbar-color: var(--scrollbar-thumb) var(--background-body); scrollbar-color: var(--scrollbar-thumb) var(--background-body);
scrollbar-width: thin scrollbar-width: thin
} }
@ -71,7 +71,7 @@
word-wrap: break-word; word-wrap: break-word;
color: #363636; color: #363636;
color: var(--text-main); color: var(--text-main);
background: #fff; background: #1e1e2e;
background: var(--background-body); background: var(--background-body);
text-rendering: optimizeLegibility text-rendering: optimizeLegibility
} }
@ -143,7 +143,7 @@
@media (prefers-color-scheme:dark) { @media (prefers-color-scheme:dark) {
h1 { h1 {
color: #fff; color: #1e1e2e;
color: var(--text-bright) color: var(--text-bright)
} }
} }
@ -155,7 +155,7 @@
@media (prefers-color-scheme:dark) { @media (prefers-color-scheme:dark) {
h2 { h2 {
color: #fff; color: #1e1e2e;
color: var(--text-bright) color: var(--text-bright)
} }
} }
@ -167,7 +167,7 @@
@media (prefers-color-scheme:dark) { @media (prefers-color-scheme:dark) {
h3 { h3 {
color: #fff; color: #1e1e2e;
color: var(--text-bright) color: var(--text-bright)
} }
} }
@ -179,7 +179,7 @@
@media (prefers-color-scheme:dark) { @media (prefers-color-scheme:dark) {
h4 { h4 {
color: #fff; color: #1e1e2e;
color: var(--text-bright) color: var(--text-bright)
} }
} }
@ -191,7 +191,7 @@
@media (prefers-color-scheme:dark) { @media (prefers-color-scheme:dark) {
h5 { h5 {
color: #fff; color: #1e1e2e;
color: var(--text-bright) color: var(--text-bright)
} }
} }
@ -203,7 +203,7 @@
@media (prefers-color-scheme:dark) { @media (prefers-color-scheme:dark) {
h6 { h6 {
color: #fff; color: #1e1e2e;
color: var(--text-bright) color: var(--text-bright)
} }
} }
@ -215,7 +215,7 @@
@media (prefers-color-scheme:dark) { @media (prefers-color-scheme:dark) {
strong { strong {
color: #fff; color: #1e1e2e;
color: var(--text-bright) color: var(--text-bright)
} }
} }
@ -349,7 +349,7 @@
input { input {
background-color: #161f27; background-color: #161f27;
background-color: var(--background); background-color: var(--background);
color: #fff; color: #1e1e2e;
color: var(--form-text) color: var(--form-text)
} }
} }
@ -373,7 +373,7 @@
button { button {
background-color: #161f27; background-color: #161f27;
background-color: var(--background); background-color: var(--background);
color: #fff; color: #1e1e2e;
color: var(--form-text) color: var(--form-text)
} }
} }
@ -397,7 +397,7 @@
textarea { textarea {
background-color: #161f27; background-color: #161f27;
background-color: var(--background); background-color: var(--background);
color: #fff; color: #1e1e2e;
color: var(--form-text) color: var(--form-text)
} }
} }
@ -421,7 +421,7 @@
select { select {
background-color: #161f27; background-color: #161f27;
background-color: var(--background); background-color: var(--background);
color: #fff; color: #1e1e2e;
color: var(--form-text) color: var(--form-text)
} }
} }
@ -1105,7 +1105,7 @@
} }
tbody tr:nth-child(2n) button:hover { tbody tr:nth-child(2n) button:hover {
background-color: #fff; background-color: #1e1e2e;
background-color: var(--background-body) background-color: var(--background-body)
} }
@ -1175,24 +1175,24 @@
@media (prefers-color-scheme:dark) { @media (prefers-color-scheme:dark) {
::-moz-selection { ::-moz-selection {
color: #fff; color: #1e1e2e;
color: var(--text-bright) color: var(--text-bright)
} }
::selection { ::selection {
color: #fff; color: #1e1e2e;
color: var(--text-bright) color: var(--text-bright)
} }
} }
@media (prefers-color-scheme:dark) { @media (prefers-color-scheme:dark) {
::-moz-selection { ::-moz-selection {
background-color: #1c76c5; background-color: #f9e2af;
background-color: var(--selection) background-color: var(--selection)
} }
::selection { ::selection {
background-color: #1c76c5; background-color: #f9e2af;
background-color: var(--selection) background-color: var(--selection)
} }
} }
@ -1347,7 +1347,7 @@
pre, pre,
summary, summary,
textarea { textarea {
background-color: #fff background-color: #1e1e2e
} }
button, button,