more colors and variables wooo

This commit is contained in:
hippoz 2021-05-06 00:26:09 +03:00
parent ba15a9af92
commit 6927cf5a72
Signed by: hippoz
GPG key ID: 7C52899193467641

View file

@ -1,10 +1,20 @@
<style> <style>
:root { :root {
--body-bg-color: #2E2E2E;
--accent-bg-color: #d4d3d3;
--button-accent-color: #3d3d3d;
--selected-bg-color: #2E2E2E;
--hover-bg-color: #555555;
--card-border-radius: 0;
--button-border-radius: 4px;
--main-font-weight: 500;
--cards-length: 600px;
--fonts-proportional: -apple-system,"Segoe UI",system-ui,"Roboto","Helvetica Neue","Arial"; --fonts-proportional: -apple-system,"Segoe UI",system-ui,"Roboto","Helvetica Neue","Arial";
--fonts-monospace: "SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace,var(--fonts-emoji); --fonts-monospace: "SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace,var(--fonts-emoji);
--fonts-emoji: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla"; --fonts-emoji: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla";
--border-radius: 0.28571429rem; --border-radius: var(--card-border-radius);
--opacity-disabled: 0.55; --opacity-disabled: 1;
--color-primary: #4183c4; --color-primary: #4183c4;
--color-primary-dark-1: #3f3f3f; --color-primary-dark-1: #3f3f3f;
--color-primary-dark-2: #2E2E2E; --color-primary-dark-2: #2E2E2E;
@ -116,25 +126,8 @@
background: #d4d3d3; background: #d4d3d3;
} }
:root {
--body-bg-color: #2E2E2E;
--accent-bg-color: #d4d3d3;
--button-accent-color: #3d3d3d;
--selected-bg-color: #2E2E2E;
--hover-bg-color: #555555;
--card-border-radius: 0;
--button-border-radius: 4px;
--main-font-weight: 500;
--cards-length: 600px;
--fonts-proportional: -apple-system,"Segoe UI",system-ui,"Roboto","Helvetica Neue","Arial";
--fonts-monospace: "SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace,var(--fonts-emoji);
--fonts-emoji: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla";
--fonts-regular: var(--fonts-override,var(--fonts-proportional)),"Noto Sans","Liberation Sans",var(--fonts-emoji),sans-serif;
}
body { body {
color: #d4d3d3; color: #2E2E2E;
background: var(--body-bg-color); background: var(--body-bg-color);
font-family: var(--fonts-regular); font-family: var(--fonts-regular);
font-weight: var(--main-font-weight); font-weight: var(--main-font-weight);