91 lines
5.5 KiB
CSS
91 lines
5.5 KiB
CSS
:root body.dark {
|
|
--primary:#9ed75b;
|
|
--on-primary:#1e3700;
|
|
--primary-container:#2e4f00;
|
|
--on-primary-container:#b9f474;
|
|
--secondary:#bfcbad;
|
|
--on-secondary:#2a331e;
|
|
--secondary-container:#404a33;
|
|
--on-secondary-container:#dbe7c8;
|
|
--tertiary:#a0d0cc;
|
|
--on-tertiary:#003735;
|
|
--tertiary-container:#1f4e4b;
|
|
--on-tertiary-container:#bbece8;
|
|
--error:#ffb4ab;
|
|
--on-error:#690005;
|
|
--error-container:#93000a;
|
|
--on-error-container:#ffb4ab;
|
|
--background:#1b1c18;
|
|
--on-background:#e3e3db;
|
|
--surface:#121410;
|
|
--on-surface:#e3e3db;
|
|
--surface-variant:#44483d;
|
|
--on-surface-variant:#c5c8ba;
|
|
--outline:#8e9285;
|
|
--outline-variant:#44483d;
|
|
--shadow:#000000;
|
|
--scrim:#000000;
|
|
--inverse-surface:#e3e3db;
|
|
--inverse-on-surface:#30312c;
|
|
--inverse-primary:#3e6a00;
|
|
--surface-dim:#121410;
|
|
--surface-bright:#383a35;
|
|
--surface-container-lowest:#0d0f0b;
|
|
--surface-container-low:#1b1c18;
|
|
--surface-container:#1f201c;
|
|
--surface-container-high:#292a26;
|
|
--surface-container-highest:#343530;
|
|
|
|
background-color: var(--background);
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239ed75b' fill-opacity='0.1'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
}
|
|
|
|
:root body.light {
|
|
--primary:#3e6a00;
|
|
--on-primary:#ffffff;
|
|
--primary-container:#b9f474;
|
|
--on-primary-container:#0f2000;
|
|
--secondary:#576249;
|
|
--on-secondary:#ffffff;
|
|
--secondary-container:#dbe7c8;
|
|
--on-secondary-container:#151e0b;
|
|
--tertiary:#386663;
|
|
--on-tertiary:#ffffff;
|
|
--tertiary-container:#bbece8;
|
|
--on-tertiary-container:#00201e;
|
|
--error:#ba1a1a;
|
|
--on-error:#ffffff;
|
|
--error-container:#ffdad6;
|
|
--on-error-container:#410002;
|
|
--background:#fdfcf5;
|
|
--on-background:#1b1c18;
|
|
--surface:#fafaf2;
|
|
--on-surface:#1b1c18;
|
|
--surface-variant:#e1e4d5;
|
|
--on-surface-variant:#44483d;
|
|
--outline:#75796c;
|
|
--outline-variant:#c5c8ba;
|
|
--shadow:#000000;
|
|
--scrim:#000000;
|
|
--inverse-surface:#30312c;
|
|
--inverse-on-surface:#f2f1e9;
|
|
--inverse-primary:#9ed75b;
|
|
--surface-dim:#dbdad3;
|
|
--surface-bright:#fafaf2;
|
|
--surface-container-lowest:#ffffff;
|
|
--surface-container-low:#f5f4ec;
|
|
--surface-container:#efeee7;
|
|
--surface-container-high:#e9e8e1;
|
|
--surface-container-highest:#e3e3db;
|
|
|
|
background-color: var(--background);
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%233e6a00' fill-opacity='0.1'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
}
|
|
|
|
img {
|
|
user-select: none;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
scroll-margin-top: 5rem;
|
|
} |