202403211830

This commit is contained in:
LimePotato 2024-03-21 18:30:55 -06:00
parent 2f0ff0f30c
commit 4dd3baba38
2 changed files with 1349 additions and 1366 deletions

22
dist/dl/microbin.css vendored
View file

@ -6,8 +6,8 @@
--text-main: #363636; --text-main: #363636;
--text-bright: #000; --text-bright: #000;
--text-muted: #70777f; --text-muted: #70777f;
--links: #2975D2; --links: #fab387;
--focus: #2975D2; --focus: #fab387;
--border: #dbdbdb; --border: #dbdbdb;
--code: #000; --code: #000;
--animation-duration: 0.1s; --animation-duration: 0.1s;
@ -27,12 +27,12 @@
--background-body: #141b23; --background-body: #141b23;
--background: #222f3a; --background: #222f3a;
--background-alt: #1a242f; --background-alt: #1a242f;
--selection: #1c76c5; --selection: #fab387;
--text-main: #dbdbdb; --text-main: #cdd6f4;
--text-bright: #fff; --text-bright: #a6adc8;
--text-muted: #a9b1ba; --text-muted: #bac2de;
--links: #2975D2; --links: #fab387;
--focus: #2975D2; --focus: #fab387;
--border: #526980; --border: #526980;
--code: #ffbe85; --code: #ffbe85;
--animation-duration: 0.1s; --animation-duration: 0.1s;
@ -41,7 +41,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: #cdd6f4;
--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")
@ -1186,12 +1186,12 @@ tbody tr:nth-child(2n) button:hover {
@media (prefers-color-scheme:dark) { @media (prefers-color-scheme:dark) {
::-moz-selection { ::-moz-selection {
background-color: #1c76c5; background-color: #fab387;
background-color: var(--selection) background-color: var(--selection)
} }
::selection { ::selection {
background-color: #1c76c5; background-color: #fab387;
background-color: var(--selection) background-color: var(--selection)
} }
} }

View file

@ -1,4 +1,3 @@
:root { :root {
--background-body: #fff; --background-body: #fff;
--background: #efefef; --background: #efefef;
@ -7,10 +6,10 @@
--text-main: #363636; --text-main: #363636;
--text-bright: #000; --text-bright: #000;
--text-muted: #70777f; --text-muted: #70777f;
--links: #f9e2af; --links: #fab387;
--focus: #f9e2af; --focus: #fab387;
--border: #dbdbdb; --border: #dbdbdb;
--code: #7f849c; --code: #000;
--animation-duration: 0.1s; --animation-duration: 0.1s;
--button-base: #d0cfcf; --button-base: #d0cfcf;
--button-hover: #9b9b9b; --button-hover: #9b9b9b;
@ -28,12 +27,12 @@
--background-body: #141b23; --background-body: #141b23;
--background: #222f3a; --background: #222f3a;
--background-alt: #1a242f; --background-alt: #1a242f;
--selection: #1c76c5; --selection: #fab387;
--text-main: #dbdbdb; --text-main: #cdd6f4;
--text-bright: #fff; --text-bright: #a6adc8;
--text-muted: #a9b1ba; --text-muted: #bac2de;
--links: #2975D2; --links: #fab387;
--focus: #2975D2; --focus: #fab387;
--border: #526980; --border: #526980;
--code: #ffbe85; --code: #ffbe85;
--animation-duration: 0.1s; --animation-duration: 0.1s;
@ -42,7 +41,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: #cdd6f4;
--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")
@ -96,21 +95,6 @@
transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease transition: background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease
} }
} }
@media (prefers-color-scheme:dark) {
input#submit-button {
width: 140px;
float: right;
background-color: #fab387;
color: white;
}
}
input#submit-button {
width: 140px;
float: right;
background-color: #fab387;
color: white;
}
input { input {
transition: background-color .1s linear, border-color .1s linear, color .1s linear, box-shadow .1s linear, transform .1s ease; transition: background-color .1s linear, border-color .1s linear, color .1s linear, box-shadow .1s linear, transform .1s ease;
@ -934,9 +918,9 @@
} }
code { code {
background: #7f849c; background: #efefef;
background: var(--background); background: var(--background);
color: #7f849c; color: #000;
color: var(--code); color: var(--code);
padding: 2.5px 5px; padding: 2.5px 5px;
border-radius: 6px; border-radius: 6px;
@ -947,7 +931,7 @@
code { code {
color: #ffbe85; color: #ffbe85;
color: var(--code); color: var(--code);
background: #7f849c; background: #161f27;
background: var(--background) background: var(--background)
} }
} }
@ -1202,12 +1186,12 @@
@media (prefers-color-scheme:dark) { @media (prefers-color-scheme:dark) {
::-moz-selection { ::-moz-selection {
background-color: #1c76c5; background-color: #fab387;
background-color: var(--selection) background-color: var(--selection)
} }
::selection { ::selection {
background-color: #1c76c5; background-color: #fab387;
background-color: var(--selection) background-color: var(--selection)
} }
} }
@ -1406,4 +1390,3 @@
text-decoration: underline text-decoration: underline
} }
} }