339 lines
11 KiB
CSS
339 lines
11 KiB
CSS
|
|
:root {
|
|
color-scheme: light dark;
|
|
}
|
|
|
|
body {
|
|
--theme-sun: #ffb685;
|
|
--theme-moon: #85acff;
|
|
--theme-bg-main: #ffffff;
|
|
--theme-bg-light: #fafafb;
|
|
--theme-bg-heavy: #ebf0f5;
|
|
--theme-bg-popup-mask: rgba(255, 255, 255, 0.6);
|
|
--theme-line: #bbbbbb;
|
|
--theme-line-safe: #078e22;
|
|
--theme-line-warn: #cca01b;
|
|
--theme-line-danger: #d0501e;
|
|
--theme-text-heading: #333333;
|
|
--theme-text-body: #444444;
|
|
--theme-text-light: #777777;
|
|
--theme-text-safe: #078e22;
|
|
--theme-text-warn: #cca01b;
|
|
--theme-text-danger: #d0501e;
|
|
--theme-text-link: #5a81d8;
|
|
--theme-text-link-active: #5a81d8;
|
|
--theme-text-link-visited: #5a81d8;
|
|
--theme-bg-qrcode: #ffffff;
|
|
--theme-stroke-qrcode: #333333;
|
|
--theme-text-highlight: #444444;
|
|
--theme-bg-text-highlight: #d3ffd1;
|
|
--theme-text-selection: #ffffff;
|
|
--theme-bg-text-selection: #8006e0;
|
|
--theme-bg-button-primary: #f0f0f0;
|
|
--theme-bg-button-primary-hover: #dbe5fb;
|
|
--theme-text-button-primary: #444444;
|
|
--theme-bg-button-secondary: #efefef;
|
|
--theme-bg-button-secondary-hover: #efefef;
|
|
--theme-text-button-secondary: #444444;
|
|
--theme-bg-error-box: #ffe3e5;
|
|
--theme-border-error-box: #bf616a;
|
|
--theme-text-error-box: #444444;
|
|
--theme-bg-input: #ffffff;
|
|
--theme-border-input: #444444;
|
|
--theme-border-input-invalid: #bf616a;
|
|
--theme-icon-active-indicator: #777777;
|
|
--theme-icon-success-indicator: #4dbb70;
|
|
--theme-icon-failure-indicator: #bf616a;
|
|
--theme-icon-warning-indicator: #cab815;
|
|
--theme-accent-info: #c2eaf6;
|
|
--theme-accent-highlight: #c4f6c2;
|
|
--theme-accent-warning: #f6f5c2;
|
|
--theme-accent-problem: #f6c2c2;
|
|
--theme-chart-axis: #bbbbbb;
|
|
--theme-chart-text: #444444;
|
|
--theme-chart-guideline: #dddddd;
|
|
--theme-chart-data-0: #ffb685;
|
|
--theme-chart-data-1: #85acff;
|
|
--theme-chart-data-2: #4dbb70;
|
|
--theme-chart-data-3: #eb4f5e;
|
|
--theme-chart-data-4: #a278ef;
|
|
--theme-chart-data-5: #e298f0;
|
|
--theme-chart-data-6: #49d9d8;
|
|
--theme-chart-data-7: #cab815;
|
|
--theme-chart-data-8: #52e130;
|
|
--theme-chart-data-9: #ff13b4;
|
|
--theme-code-normal: #4f5b66;
|
|
--theme-code-shadow: transparent;
|
|
--theme-code-background: #eff1f5;
|
|
--theme-code-selection: #dfe1e8;
|
|
--theme-code-comment: #a7adba;
|
|
--theme-code-punc: #4f5b66;
|
|
--theme-code-operator: #4f5b66;
|
|
--theme-code-const-literal: #d08770;
|
|
--theme-code-number-literal: #d08770;
|
|
--theme-code-boolean-literal: #d08770;
|
|
--theme-code-tag: #bf616a;
|
|
--theme-code-string: #a3be8c;
|
|
--theme-code-keyword: #b48ead;
|
|
--theme-code-func-name: #8fa1b3;
|
|
--theme-code-class-name: #d08770;
|
|
--theme-code-regex-important: #96b5b4;
|
|
--theme-code-variable: #bf616a;
|
|
--theme-code-builtin: #96b5b4;
|
|
--theme-code-attr-name: #d08770;
|
|
--theme-code-gutter-divider: #eff1f5;
|
|
--theme-code-line-number: #4f5b66;
|
|
--theme-code-line-highlight: #a7adba30;
|
|
}
|
|
|
|
body[data-color-scheme='dark'] {
|
|
--theme-sun: #ffb685;
|
|
--theme-moon: #85acff;
|
|
--theme-bg-main: #343d46;
|
|
--theme-bg-light: #3f4a53;
|
|
--theme-bg-heavy: #495159;
|
|
--theme-bg-popup-mask: rgba(0, 0, 0, 0.6);
|
|
--theme-line: #777777;
|
|
--theme-line-safe: #b1ca97;
|
|
--theme-line-warn: #cec755;
|
|
--theme-line-danger: #ee8861;
|
|
--theme-text-heading: #ffffff;
|
|
--theme-text-body: #cccccc;
|
|
--theme-text-light: #a6a6a6;
|
|
--theme-text-safe: #b1ca97;
|
|
--theme-text-warn: #cec755;
|
|
--theme-text-danger: #ee8861;
|
|
--theme-text-link: #86a7f0;
|
|
--theme-text-link-active: #86a7f0;
|
|
--theme-text-link-visited: #86a7f0;
|
|
--theme-bg-qrcode: #343d46;
|
|
--theme-stroke-qrcode: #ffffff;
|
|
--theme-text-highlight: #ffffff;
|
|
--theme-bg-text-highlight: #3da069;
|
|
--theme-text-selection: #660bad;
|
|
--theme-bg-text-selection: #ebe9f0;
|
|
--theme-bg-button-primary: #465568;
|
|
--theme-bg-button-primary-hover: #465568;
|
|
--theme-text-button-primary: #bbbbbb;
|
|
--theme-bg-button-secondary: #495159;
|
|
--theme-bg-button-secondary-hover: #86a7f04c;
|
|
--theme-text-button-secondary: #bbbbbb;
|
|
--theme-bg-error-box: #704649;
|
|
--theme-border-error-box: #802730;
|
|
--theme-text-error-box: #cccccc;
|
|
--theme-bg-input: #3e444a;
|
|
--theme-border-input: #dddddd;
|
|
--theme-border-input-invalid: #f13547;
|
|
--theme-icon-active-indicator: #a6a6a6;
|
|
--theme-icon-success-indicator: #b3ffa1;
|
|
--theme-icon-failure-indicator: #f13547;
|
|
--theme-icon-warning-indicator: #cab815;
|
|
--theme-accent-info: #94e9e1;
|
|
--theme-accent-highlight: #85ef9b;
|
|
--theme-accent-warning: #e2ef85;
|
|
--theme-accent-problem: #ef9985;
|
|
--theme-chart-axis: #777777;
|
|
--theme-chart-text: #cccccc;
|
|
--theme-chart-guideline: #666666;
|
|
--theme-chart-data-0: #ffb685;
|
|
--theme-chart-data-1: #85acff;
|
|
--theme-chart-data-2: #4dbb70;
|
|
--theme-chart-data-3: #eb4f5e;
|
|
--theme-chart-data-4: #a278ef;
|
|
--theme-chart-data-5: #e298f0;
|
|
--theme-chart-data-6: #49d9d8;
|
|
--theme-chart-data-7: #cab815;
|
|
--theme-chart-data-8: #52e130;
|
|
--theme-chart-data-9: #ff13b4;
|
|
--theme-code-normal: #c0c5ce;
|
|
--theme-code-shadow: transparent;
|
|
--theme-code-background: #2b303b;
|
|
--theme-code-selection: #4f5b66;
|
|
--theme-code-comment: #65737e;
|
|
--theme-code-punc: #c0c5ce;
|
|
--theme-code-operator: #c0c5ce;
|
|
--theme-code-const-literal: #d08770;
|
|
--theme-code-number-literal: #d08770;
|
|
--theme-code-boolean-literal: #d08770;
|
|
--theme-code-tag: #bf616a;
|
|
--theme-code-string: #a3be8c;
|
|
--theme-code-keyword: #b48ead;
|
|
--theme-code-func-name: #8fa1b3;
|
|
--theme-code-class-name: #ebcb8b;
|
|
--theme-code-regex-important: #96b5b4;
|
|
--theme-code-variable: #bf616a;
|
|
--theme-code-builtin: #96b5b4;
|
|
--theme-code-attr-name: #d08770;
|
|
--theme-code-gutter-divider: #343d46;
|
|
--theme-code-line-number: #65737e;
|
|
--theme-code-line-highlight: #65737e30;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
--theme-sun: #ffb685;
|
|
--theme-moon: #85acff;
|
|
--theme-bg-main: #343d46;
|
|
--theme-bg-light: #3f4a53;
|
|
--theme-bg-heavy: #495159;
|
|
--theme-bg-popup-mask: rgba(0, 0, 0, 0.6);
|
|
--theme-line: #777777;
|
|
--theme-line-safe: #b1ca97;
|
|
--theme-line-warn: #cec755;
|
|
--theme-line-danger: #ee8861;
|
|
--theme-text-heading: #ffffff;
|
|
--theme-text-body: #cccccc;
|
|
--theme-text-light: #a6a6a6;
|
|
--theme-text-safe: #b1ca97;
|
|
--theme-text-warn: #cec755;
|
|
--theme-text-danger: #ee8861;
|
|
--theme-text-link: #86a7f0;
|
|
--theme-text-link-active: #86a7f0;
|
|
--theme-text-link-visited: #86a7f0;
|
|
--theme-bg-qrcode: #343d46;
|
|
--theme-stroke-qrcode: #ffffff;
|
|
--theme-text-highlight: #ffffff;
|
|
--theme-bg-text-highlight: #3da069;
|
|
--theme-text-selection: #660bad;
|
|
--theme-bg-text-selection: #ebe9f0;
|
|
--theme-bg-button-primary: #465568;
|
|
--theme-bg-button-primary-hover: #465568;
|
|
--theme-text-button-primary: #bbbbbb;
|
|
--theme-bg-button-secondary: #495159;
|
|
--theme-bg-button-secondary-hover: #86a7f04c;
|
|
--theme-text-button-secondary: #bbbbbb;
|
|
--theme-bg-error-box: #704649;
|
|
--theme-border-error-box: #802730;
|
|
--theme-text-error-box: #cccccc;
|
|
--theme-bg-input: #3e444a;
|
|
--theme-border-input: #dddddd;
|
|
--theme-border-input-invalid: #f13547;
|
|
--theme-icon-active-indicator: #a6a6a6;
|
|
--theme-icon-success-indicator: #b3ffa1;
|
|
--theme-icon-failure-indicator: #f13547;
|
|
--theme-icon-warning-indicator: #cab815;
|
|
--theme-accent-info: #94e9e1;
|
|
--theme-accent-highlight: #85ef9b;
|
|
--theme-accent-warning: #e2ef85;
|
|
--theme-accent-problem: #ef9985;
|
|
--theme-chart-axis: #777777;
|
|
--theme-chart-text: #cccccc;
|
|
--theme-chart-guideline: #666666;
|
|
--theme-chart-data-0: #ffb685;
|
|
--theme-chart-data-1: #85acff;
|
|
--theme-chart-data-2: #4dbb70;
|
|
--theme-chart-data-3: #eb4f5e;
|
|
--theme-chart-data-4: #a278ef;
|
|
--theme-chart-data-5: #e298f0;
|
|
--theme-chart-data-6: #49d9d8;
|
|
--theme-chart-data-7: #cab815;
|
|
--theme-chart-data-8: #52e130;
|
|
--theme-chart-data-9: #ff13b4;
|
|
--theme-code-normal: #c0c5ce;
|
|
--theme-code-shadow: transparent;
|
|
--theme-code-background: #2b303b;
|
|
--theme-code-selection: #4f5b66;
|
|
--theme-code-comment: #65737e;
|
|
--theme-code-punc: #c0c5ce;
|
|
--theme-code-operator: #c0c5ce;
|
|
--theme-code-const-literal: #d08770;
|
|
--theme-code-number-literal: #d08770;
|
|
--theme-code-boolean-literal: #d08770;
|
|
--theme-code-tag: #bf616a;
|
|
--theme-code-string: #a3be8c;
|
|
--theme-code-keyword: #b48ead;
|
|
--theme-code-func-name: #8fa1b3;
|
|
--theme-code-class-name: #ebcb8b;
|
|
--theme-code-regex-important: #96b5b4;
|
|
--theme-code-variable: #bf616a;
|
|
--theme-code-builtin: #96b5b4;
|
|
--theme-code-attr-name: #d08770;
|
|
--theme-code-gutter-divider: #343d46;
|
|
--theme-code-line-number: #65737e;
|
|
--theme-code-line-highlight: #65737e30;
|
|
}
|
|
|
|
body[data-color-scheme='light'] {
|
|
--theme-sun: #ffb685;
|
|
--theme-moon: #85acff;
|
|
--theme-bg-main: #ffffff;
|
|
--theme-bg-light: #fafafb;
|
|
--theme-bg-heavy: #ebf0f5;
|
|
--theme-bg-popup-mask: rgba(255, 255, 255, 0.6);
|
|
--theme-line: #bbbbbb;
|
|
--theme-line-safe: #078e22;
|
|
--theme-line-warn: #cca01b;
|
|
--theme-line-danger: #d0501e;
|
|
--theme-text-heading: #333333;
|
|
--theme-text-body: #444444;
|
|
--theme-text-light: #777777;
|
|
--theme-text-safe: #078e22;
|
|
--theme-text-warn: #cca01b;
|
|
--theme-text-danger: #d0501e;
|
|
--theme-text-link: #5a81d8;
|
|
--theme-text-link-active: #5a81d8;
|
|
--theme-text-link-visited: #5a81d8;
|
|
--theme-bg-qrcode: #ffffff;
|
|
--theme-stroke-qrcode: #333333;
|
|
--theme-text-highlight: #444444;
|
|
--theme-bg-text-highlight: #d3ffd1;
|
|
--theme-text-selection: #ffffff;
|
|
--theme-bg-text-selection: #8006e0;
|
|
--theme-bg-button-primary: #f0f0f0;
|
|
--theme-bg-button-primary-hover: #dbe5fb;
|
|
--theme-text-button-primary: #444444;
|
|
--theme-bg-button-secondary: #efefef;
|
|
--theme-bg-button-secondary-hover: #efefef;
|
|
--theme-text-button-secondary: #444444;
|
|
--theme-bg-error-box: #ffe3e5;
|
|
--theme-border-error-box: #bf616a;
|
|
--theme-text-error-box: #444444;
|
|
--theme-bg-input: #ffffff;
|
|
--theme-border-input: #444444;
|
|
--theme-border-input-invalid: #bf616a;
|
|
--theme-icon-active-indicator: #777777;
|
|
--theme-icon-success-indicator: #4dbb70;
|
|
--theme-icon-failure-indicator: #bf616a;
|
|
--theme-icon-warning-indicator: #cab815;
|
|
--theme-accent-info: #c2eaf6;
|
|
--theme-accent-highlight: #c4f6c2;
|
|
--theme-accent-warning: #f6f5c2;
|
|
--theme-accent-problem: #f6c2c2;
|
|
--theme-chart-axis: #bbbbbb;
|
|
--theme-chart-text: #444444;
|
|
--theme-chart-guideline: #dddddd;
|
|
--theme-chart-data-0: #ffb685;
|
|
--theme-chart-data-1: #85acff;
|
|
--theme-chart-data-2: #4dbb70;
|
|
--theme-chart-data-3: #eb4f5e;
|
|
--theme-chart-data-4: #a278ef;
|
|
--theme-chart-data-5: #e298f0;
|
|
--theme-chart-data-6: #49d9d8;
|
|
--theme-chart-data-7: #cab815;
|
|
--theme-chart-data-8: #52e130;
|
|
--theme-chart-data-9: #ff13b4;
|
|
--theme-code-normal: #4f5b66;
|
|
--theme-code-shadow: transparent;
|
|
--theme-code-background: #eff1f5;
|
|
--theme-code-selection: #dfe1e8;
|
|
--theme-code-comment: #a7adba;
|
|
--theme-code-punc: #4f5b66;
|
|
--theme-code-operator: #4f5b66;
|
|
--theme-code-const-literal: #d08770;
|
|
--theme-code-number-literal: #d08770;
|
|
--theme-code-boolean-literal: #d08770;
|
|
--theme-code-tag: #bf616a;
|
|
--theme-code-string: #a3be8c;
|
|
--theme-code-keyword: #b48ead;
|
|
--theme-code-func-name: #8fa1b3;
|
|
--theme-code-class-name: #d08770;
|
|
--theme-code-regex-important: #96b5b4;
|
|
--theme-code-variable: #bf616a;
|
|
--theme-code-builtin: #96b5b4;
|
|
--theme-code-attr-name: #d08770;
|
|
--theme-code-gutter-divider: #eff1f5;
|
|
--theme-code-line-number: #4f5b66;
|
|
--theme-code-line-highlight: #a7adba30;
|
|
}
|
|
}
|