diff --git a/articles/static/vendor/newcss.css b/articles/static/vendor/newcss.css index 25702f1..6df1863 100644 --- a/articles/static/vendor/newcss.css +++ b/articles/static/vendor/newcss.css @@ -1,10 +1,13 @@ /** New CSS - Version 1.1.2 - https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.css + https://github.com/xz/new.css + commit 45cc63d759c3960095a6d8cf97f8663c6561efcc + MIT License */ :root { --nc-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --nc-font-mono: Consolas, monaco, 'Ubuntu Mono', 'Liberation Mono', 'Courier New', Courier, monospace; + --nc-font-mono: 'JetBrains Mono', Consolas, monaco, 'Ubuntu Mono', 'Liberation Mono', 'Courier New', Courier, monospace; + + /* Light theme */ --nc-tx-1: #000000; --nc-tx-2: #1A1A1A; --nc-bg-1: #FFFFFF; @@ -14,21 +17,33 @@ --nc-lk-2: #0366D6; --nc-lk-tx: #FFFFFF; --nc-ac-1: #79FFE1; - --nc-ac-tx: #0C4047; + --nc-ac-tx: #0C4047; + + /* Dark theme */ + --nc-d-tx-1: #ffffff; + --nc-d-tx-2: #eeeeee; + --nc-d-bg-1: #000000; + --nc-d-bg-2: #111111; + --nc-d-bg-3: #222222; + --nc-d-lk-1: #3291FF; + --nc-d-lk-2: #0070F3; + --nc-d-lk-tx: #FFFFFF; + --nc-d-ac-1: #7928CA; + --nc-d-ac-tx: #FFFFFF; } @media (prefers-color-scheme: dark) { :root { - --nc-tx-1: #ffffff; - --nc-tx-2: #eeeeee; - --nc-bg-1: #000000; - --nc-bg-2: #111111; - --nc-bg-3: #222222; - --nc-lk-1: #3291FF; - --nc-lk-2: #0070F3; - --nc-lk-tx: #FFFFFF; - --nc-ac-1: #7928CA; - --nc-ac-tx: #FFFFFF; + --nc-tx-1: var(--nc-d-tx-1); + --nc-tx-2: var(--nc-d-tx-2); + --nc-bg-1: var(--nc-d-bg-1); + --nc-bg-2: var(--nc-d-bg-2); + --nc-bg-3: var(--nc-d-bg-3); + --nc-lk-1: var(--nc-d-lk-1); + --nc-lk-2: var(--nc-d-lk-2); + --nc-lk-tx: var(--nc-d-lk-tx); + --nc-ac-1: var(--nc-d-ac-1); + --nc-ac-tx: var(--nc-d-ac-tx); } } @@ -227,7 +242,6 @@ input[type="button"] { border-radius: 4px; box-sizing: border-box; cursor: pointer; - color: var(--nc-lk-tx); } a button[disabled], @@ -235,7 +249,6 @@ button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] { - cursor: default; opacity: .5; /* Set the [X] cursor while hovering a disabled link */ @@ -243,15 +256,15 @@ input[type="button"][disabled] { } .button:focus, -.button:hover, +.button:enabled:hover, button:focus, -button:hover, +button:enabled:hover, input[type="submit"]:focus, -input[type="submit"]:hover, +input[type="submit"]:enabled:hover, input[type="reset"]:focus, -input[type="reset"]:hover, +input[type="reset"]:enabled:hover, input[type="button"]:focus, -input[type="button"]:hover { +input[type="button"]:enabled:hover { background: var(--nc-lk-2); } @@ -272,7 +285,8 @@ pre { border: 1px solid var(--nc-bg-3); border-radius: 4px; padding: 3px 6px; - font-size: 0.9rem; + /* ↓ font-size is relative to containing element, so it scales for titles*/ + font-size: 0.9em; } kbd {