diff --git a/public/pint-css.css b/public/pint-css.css
index 84a9421..9afaca4 100644
--- a/public/pint-css.css
+++ b/public/pint-css.css
@@ -1,456 +1,456 @@
[data-color-mode="light"][data-light-theme="dark"],
[data-color-mode="dark"][data-dark-theme="dark"] {
- --color-canvas-default-transparent: initial !important;
- --color-page-header-bg: initial !important;
- --color-marketing-icon-primary: initial !important;
- --color-marketing-icon-secondary: initial !important;
- --color-diff-blob-addition-num-text: initial !important;
- --color-diff-blob-addition-fg: initial !important;
- --color-diff-blob-addition-num-bg: initial !important;
- --color-diff-blob-addition-line-bg: initial !important;
- --color-diff-blob-addition-word-bg: initial !important;
- --color-diff-blob-deletion-num-text: initial !important;
- --color-diff-blob-deletion-fg: initial !important;
- --color-diff-blob-deletion-num-bg: initial !important;
- --color-diff-blob-deletion-line-bg: initial !important;
- --color-diff-blob-deletion-word-bg: initial !important;
- --color-diff-blob-hunk-num-bg: initial !important;
- --color-diff-blob-expander-icon: initial !important;
- --color-diff-blob-selected-line-highlight-mix-blend-mode: initial !important;
- --color-diffstat-deletion-border: initial !important;
- --color-diffstat-addition-border: initial !important;
- --color-diffstat-addition-bg: initial !important;
- --color-search-keyword-hl: initial !important;
- --color-prettylights-syntax-comment: initial !important;
- --color-prettylights-syntax-constant: initial !important;
- --color-prettylights-syntax-entity: initial !important;
- --color-prettylights-syntax-storage-modifier-import: initial !important;
- --color-prettylights-syntax-entity-tag: initial !important;
- --color-prettylights-syntax-keyword: initial !important;
- --color-prettylights-syntax-string: initial !important;
- --color-prettylights-syntax-variable: initial !important;
- --color-prettylights-syntax-brackethighlighter-unmatched: initial !important;
- --color-prettylights-syntax-invalid-illegal-text: initial !important;
- --color-prettylights-syntax-invalid-illegal-bg: initial !important;
- --color-prettylights-syntax-carriage-return-text: initial !important;
- --color-prettylights-syntax-carriage-return-bg: initial !important;
- --color-prettylights-syntax-string-regexp: initial !important;
- --color-prettylights-syntax-markup-list: initial !important;
- --color-prettylights-syntax-markup-heading: initial !important;
- --color-prettylights-syntax-markup-italic: initial !important;
- --color-prettylights-syntax-markup-bold: initial !important;
- --color-prettylights-syntax-markup-deleted-text: initial !important;
- --color-prettylights-syntax-markup-deleted-bg: initial !important;
- --color-prettylights-syntax-markup-inserted-text: initial !important;
- --color-prettylights-syntax-markup-inserted-bg: initial !important;
- --color-prettylights-syntax-markup-changed-text: initial !important;
- --color-prettylights-syntax-markup-changed-bg: initial !important;
- --color-prettylights-syntax-markup-ignored-text: initial !important;
- --color-prettylights-syntax-markup-ignored-bg: initial !important;
- --color-prettylights-syntax-meta-diff-range: initial !important;
- --color-prettylights-syntax-brackethighlighter-angle: initial !important;
- --color-prettylights-syntax-sublimelinter-gutter-mark: initial !important;
- --color-prettylights-syntax-constant-other-reference-link: initial !important;
- --color-codemirror-text: initial !important;
- --color-codemirror-bg: initial !important;
- --color-codemirror-gutters-bg: initial !important;
- --color-codemirror-guttermarker-text: initial !important;
- --color-codemirror-guttermarker-subtle-text: initial !important;
- --color-codemirror-linenumber-text: initial !important;
- --color-codemirror-cursor: initial !important;
- --color-codemirror-selection-bg: initial !important;
- --color-codemirror-activeline-bg: initial !important;
- --color-codemirror-matchingbracket-text: initial !important;
- --color-codemirror-lines-bg: initial !important;
- --color-codemirror-syntax-comment: initial !important;
- --color-codemirror-syntax-constant: initial !important;
- --color-codemirror-syntax-entity: initial !important;
- --color-codemirror-syntax-keyword: initial !important;
- --color-codemirror-syntax-storage: initial !important;
- --color-codemirror-syntax-string: initial !important;
- --color-codemirror-syntax-support: initial !important;
- --color-codemirror-syntax-variable: initial !important;
- --color-checks-bg: initial !important;
- --color-checks-run-border-width: initial !important;
- --color-checks-container-border-width: initial !important;
- --color-checks-text-primary: initial !important;
- --color-checks-text-secondary: initial !important;
- --color-checks-text-link: initial !important;
- --color-checks-btn-icon: initial !important;
- --color-checks-btn-hover-icon: initial !important;
- --color-checks-btn-hover-bg: initial !important;
- --color-checks-input-text: initial !important;
- --color-checks-input-placeholder-text: initial !important;
- --color-checks-input-focus-text: initial !important;
- --color-checks-input-bg: initial !important;
- --color-checks-input-shadow: initial !important;
- --color-checks-donut-error: initial !important;
- --color-checks-donut-pending: initial !important;
- --color-checks-donut-success: initial !important;
- --color-checks-donut-neutral: initial !important;
- --color-checks-dropdown-text: initial !important;
- --color-checks-dropdown-bg: initial !important;
- --color-checks-dropdown-border: initial !important;
- --color-checks-dropdown-shadow: initial !important;
- --color-checks-dropdown-hover-text: initial !important;
- --color-checks-dropdown-hover-bg: initial !important;
- --color-checks-dropdown-btn-hover-text: initial !important;
- --color-checks-dropdown-btn-hover-bg: initial !important;
- --color-checks-scrollbar-thumb-bg: initial !important;
- --color-checks-header-label-text: initial !important;
- --color-checks-header-label-open-text: initial !important;
- --color-checks-header-border: initial !important;
- --color-checks-header-icon: initial !important;
- --color-checks-line-text: initial !important;
- --color-checks-line-num-text: initial !important;
- --color-checks-line-timestamp-text: initial !important;
- --color-checks-line-hover-bg: initial !important;
- --color-checks-line-selected-bg: initial !important;
- --color-checks-line-selected-num-text: initial !important;
- --color-checks-line-dt-fm-text: initial !important;
- --color-checks-line-dt-fm-bg: initial !important;
- --color-checks-gate-bg: initial !important;
- --color-checks-gate-text: initial !important;
- --color-checks-gate-waiting-text: initial !important;
- --color-checks-step-header-open-bg: initial !important;
- --color-checks-step-error-text: initial !important;
- --color-checks-step-warning-text: initial !important;
- --color-checks-logline-text: initial !important;
- --color-checks-logline-num-text: initial !important;
- --color-checks-logline-debug-text: initial !important;
- --color-checks-logline-error-text: initial !important;
- --color-checks-logline-error-num-text: initial !important;
- --color-checks-logline-error-bg: initial !important;
- --color-checks-logline-warning-text: initial !important;
- --color-checks-logline-warning-num-text: initial !important;
- --color-checks-logline-warning-bg: initial !important;
- --color-checks-logline-command-text: initial !important;
- --color-checks-logline-section-text: initial !important;
- --color-checks-ansi-black: initial !important;
- --color-checks-ansi-black-bright: initial !important;
- --color-checks-ansi-white: initial !important;
- --color-checks-ansi-white-bright: initial !important;
- --color-checks-ansi-gray: initial !important;
- --color-checks-ansi-red: initial !important;
- --color-checks-ansi-red-bright: initial !important;
- --color-checks-ansi-green: initial !important;
- --color-checks-ansi-green-bright: initial !important;
- --color-checks-ansi-yellow: initial !important;
- --color-checks-ansi-yellow-bright: initial !important;
- --color-checks-ansi-blue: initial !important;
- --color-checks-ansi-blue-bright: initial !important;
- --color-checks-ansi-magenta: initial !important;
- --color-checks-ansi-magenta-bright: initial !important;
- --color-checks-ansi-cyan: initial !important;
- --color-checks-ansi-cyan-bright: initial !important;
- --color-project-header-bg: initial !important;
- --color-project-sidebar-bg: initial !important;
- --color-project-gradient-in: initial !important;
- --color-project-gradient-out: initial !important;
- --color-mktg-btn-bg: initial !important;
- --color-mktg-btn-shadow-outline: initial !important;
- --color-mktg-btn-shadow-focus: initial !important;
- --color-mktg-btn-shadow-hover: initial !important;
- --color-mktg-btn-shadow-hover-muted: initial !important;
- --color-avatar-bg: initial !important;
- --color-avatar-border: initial !important;
- --color-avatar-stack-fade: initial !important;
- --color-avatar-stack-fade-more: initial !important;
- --color-avatar-child-shadow: initial !important;
- --color-topic-tag-border: initial !important;
- --color-counter-border: initial !important;
- --color-select-menu-backdrop-border: initial !important;
- --color-select-menu-tap-highlight: initial !important;
- --color-select-menu-tap-focus-bg: initial !important;
- --color-overlay-shadow: initial !important;
- --color-header-text: initial !important;
- --color-header-bg: initial !important;
- --color-header-divider: initial !important;
- --color-header-logo: initial !important;
- --color-header-search-bg: initial !important;
- --color-header-search-border: initial !important;
- --color-sidenav-selected-bg: initial !important;
- --color-menu-bg-active: initial !important;
- --color-input-disabled-bg: initial !important;
- --color-timeline-badge-bg: initial !important;
- --color-ansi-black: initial !important;
- --color-ansi-black-bright: initial !important;
- --color-ansi-white: initial !important;
- --color-ansi-white-bright: initial !important;
- --color-ansi-gray: initial !important;
- --color-ansi-red: initial !important;
- --color-ansi-red-bright: initial !important;
- --color-ansi-green: initial !important;
- --color-ansi-green-bright: initial !important;
- --color-ansi-yellow: initial !important;
- --color-ansi-yellow-bright: initial !important;
- --color-ansi-blue: initial !important;
- --color-ansi-blue-bright: initial !important;
- --color-ansi-magenta: initial !important;
- --color-ansi-magenta-bright: initial !important;
- --color-ansi-cyan: initial !important;
- --color-ansi-cyan-bright: initial !important;
- --color-btn-text: initial !important;
- --color-btn-bg: initial !important;
- --color-btn-border: initial !important;
- --color-btn-shadow: initial !important;
- --color-btn-inset-shadow: initial !important;
- --color-btn-hover-bg: initial !important;
- --color-btn-hover-border: initial !important;
- --color-btn-active-bg: initial !important;
- --color-btn-active-border: initial !important;
- --color-btn-selected-bg: initial !important;
- --color-btn-focus-bg: initial !important;
- --color-btn-focus-border: initial !important;
- --color-btn-focus-shadow: initial !important;
- --color-btn-shadow-active: initial !important;
- --color-btn-shadow-input-focus: initial !important;
- --color-btn-counter-bg: initial !important;
- --color-btn-primary-text: initial !important;
- --color-btn-primary-bg: initial !important;
- --color-btn-primary-border: initial !important;
- --color-btn-primary-shadow: initial !important;
- --color-btn-primary-inset-shadow: initial !important;
- --color-btn-primary-hover-bg: initial !important;
- --color-btn-primary-hover-border: initial !important;
- --color-btn-primary-selected-bg: initial !important;
- --color-btn-primary-selected-shadow: initial !important;
- --color-btn-primary-disabled-text: initial !important;
- --color-btn-primary-disabled-bg: initial !important;
- --color-btn-primary-disabled-border: initial !important;
- --color-btn-primary-focus-bg: initial !important;
- --color-btn-primary-focus-border: initial !important;
- --color-btn-primary-focus-shadow: initial !important;
- --color-btn-primary-icon: initial !important;
- --color-btn-primary-counter-bg: initial !important;
- --color-btn-outline-text: initial !important;
- --color-btn-outline-hover-text: initial !important;
- --color-btn-outline-hover-bg: initial !important;
- --color-btn-outline-hover-border: initial !important;
- --color-btn-outline-hover-shadow: initial !important;
- --color-btn-outline-hover-inset-shadow: initial !important;
- --color-btn-outline-hover-counter-bg: initial !important;
- --color-btn-outline-selected-text: initial !important;
- --color-btn-outline-selected-bg: initial !important;
- --color-btn-outline-selected-border: initial !important;
- --color-btn-outline-selected-shadow: initial !important;
- --color-btn-outline-disabled-text: initial !important;
- --color-btn-outline-disabled-bg: initial !important;
- --color-btn-outline-disabled-counter-bg: initial !important;
- --color-btn-outline-focus-border: initial !important;
- --color-btn-outline-focus-shadow: initial !important;
- --color-btn-outline-counter-bg: initial !important;
- --color-btn-danger-text: initial !important;
- --color-btn-danger-hover-text: initial !important;
- --color-btn-danger-hover-bg: initial !important;
- --color-btn-danger-hover-border: initial !important;
- --color-btn-danger-hover-shadow: initial !important;
- --color-btn-danger-hover-inset-shadow: initial !important;
- --color-btn-danger-hover-icon: initial !important;
- --color-btn-danger-hover-counter-bg: initial !important;
- --color-btn-danger-selected-text: initial !important;
- --color-btn-danger-selected-bg: initial !important;
- --color-btn-danger-selected-border: initial !important;
+ --color-canvas-default-transparent: unset !important;
+ --color-page-header-bg: unset !important;
+ --color-marketing-icon-primary: unset !important;
+ --color-marketing-icon-secondary: unset !important;
+ --color-diff-blob-addition-num-text: unset !important;
+ --color-diff-blob-addition-fg: unset !important;
+ --color-diff-blob-addition-num-bg: unset !important;
+ --color-diff-blob-addition-line-bg: unset !important;
+ --color-diff-blob-addition-word-bg: unset !important;
+ --color-diff-blob-deletion-num-text: unset !important;
+ --color-diff-blob-deletion-fg: unset !important;
+ --color-diff-blob-deletion-num-bg: unset !important;
+ --color-diff-blob-deletion-line-bg: unset !important;
+ --color-diff-blob-deletion-word-bg: unset !important;
+ --color-diff-blob-hunk-num-bg: unset !important;
+ --color-diff-blob-expander-icon: unset !important;
+ --color-diff-blob-selected-line-highlight-mix-blend-mode: unset !important;
+ --color-diffstat-deletion-border: unset !important;
+ --color-diffstat-addition-border: unset !important;
+ --color-diffstat-addition-bg: unset !important;
+ --color-search-keyword-hl: unset !important;
+ --color-prettylights-syntax-comment: unset !important;
+ --color-prettylights-syntax-constant: unset !important;
+ --color-prettylights-syntax-entity: unset !important;
+ --color-prettylights-syntax-storage-modifier-import: unset !important;
+ --color-prettylights-syntax-entity-tag: unset !important;
+ --color-prettylights-syntax-keyword: unset !important;
+ --color-prettylights-syntax-string: unset !important;
+ --color-prettylights-syntax-variable: unset !important;
+ --color-prettylights-syntax-brackethighlighter-unmatched: unset !important;
+ --color-prettylights-syntax-invalid-illegal-text: unset !important;
+ --color-prettylights-syntax-invalid-illegal-bg: unset !important;
+ --color-prettylights-syntax-carriage-return-text: unset !important;
+ --color-prettylights-syntax-carriage-return-bg: unset !important;
+ --color-prettylights-syntax-string-regexp: unset !important;
+ --color-prettylights-syntax-markup-list: unset !important;
+ --color-prettylights-syntax-markup-heading: unset !important;
+ --color-prettylights-syntax-markup-italic: unset !important;
+ --color-prettylights-syntax-markup-bold: unset !important;
+ --color-prettylights-syntax-markup-deleted-text: unset !important;
+ --color-prettylights-syntax-markup-deleted-bg: unset !important;
+ --color-prettylights-syntax-markup-inserted-text: unset !important;
+ --color-prettylights-syntax-markup-inserted-bg: unset !important;
+ --color-prettylights-syntax-markup-changed-text: unset !important;
+ --color-prettylights-syntax-markup-changed-bg: unset !important;
+ --color-prettylights-syntax-markup-ignored-text: unset !important;
+ --color-prettylights-syntax-markup-ignored-bg: unset !important;
+ --color-prettylights-syntax-meta-diff-range: unset !important;
+ --color-prettylights-syntax-brackethighlighter-angle: unset !important;
+ --color-prettylights-syntax-sublimelinter-gutter-mark: unset !important;
+ --color-prettylights-syntax-constant-other-reference-link: unset !important;
+ --color-codemirror-text: unset !important;
+ --color-codemirror-bg: unset !important;
+ --color-codemirror-gutters-bg: unset !important;
+ --color-codemirror-guttermarker-text: unset !important;
+ --color-codemirror-guttermarker-subtle-text: unset !important;
+ --color-codemirror-linenumber-text: unset !important;
+ --color-codemirror-cursor: unset !important;
+ --color-codemirror-selection-bg: unset !important;
+ --color-codemirror-activeline-bg: unset !important;
+ --color-codemirror-matchingbracket-text: unset !important;
+ --color-codemirror-lines-bg: unset !important;
+ --color-codemirror-syntax-comment: unset !important;
+ --color-codemirror-syntax-constant: unset !important;
+ --color-codemirror-syntax-entity: unset !important;
+ --color-codemirror-syntax-keyword: unset !important;
+ --color-codemirror-syntax-storage: unset !important;
+ --color-codemirror-syntax-string: unset !important;
+ --color-codemirror-syntax-support: unset !important;
+ --color-codemirror-syntax-variable: unset !important;
+ --color-checks-bg: unset !important;
+ --color-checks-run-border-width: unset !important;
+ --color-checks-container-border-width: unset !important;
+ --color-checks-text-primary: unset !important;
+ --color-checks-text-secondary: unset !important;
+ --color-checks-text-link: unset !important;
+ --color-checks-btn-icon: unset !important;
+ --color-checks-btn-hover-icon: unset !important;
+ --color-checks-btn-hover-bg: unset !important;
+ --color-checks-input-text: unset !important;
+ --color-checks-input-placeholder-text: unset !important;
+ --color-checks-input-focus-text: unset !important;
+ --color-checks-input-bg: unset !important;
+ --color-checks-input-shadow: unset !important;
+ --color-checks-donut-error: unset !important;
+ --color-checks-donut-pending: unset !important;
+ --color-checks-donut-success: unset !important;
+ --color-checks-donut-neutral: unset !important;
+ --color-checks-dropdown-text: unset !important;
+ --color-checks-dropdown-bg: unset !important;
+ --color-checks-dropdown-border: unset !important;
+ --color-checks-dropdown-shadow: unset !important;
+ --color-checks-dropdown-hover-text: unset !important;
+ --color-checks-dropdown-hover-bg: unset !important;
+ --color-checks-dropdown-btn-hover-text: unset !important;
+ --color-checks-dropdown-btn-hover-bg: unset !important;
+ --color-checks-scrollbar-thumb-bg: unset !important;
+ --color-checks-header-label-text: unset !important;
+ --color-checks-header-label-open-text: unset !important;
+ --color-checks-header-border: unset !important;
+ --color-checks-header-icon: unset !important;
+ --color-checks-line-text: unset !important;
+ --color-checks-line-num-text: unset !important;
+ --color-checks-line-timestamp-text: unset !important;
+ --color-checks-line-hover-bg: unset !important;
+ --color-checks-line-selected-bg: unset !important;
+ --color-checks-line-selected-num-text: unset !important;
+ --color-checks-line-dt-fm-text: unset !important;
+ --color-checks-line-dt-fm-bg: unset !important;
+ --color-checks-gate-bg: unset !important;
+ --color-checks-gate-text: unset !important;
+ --color-checks-gate-waiting-text: unset !important;
+ --color-checks-step-header-open-bg: unset !important;
+ --color-checks-step-error-text: unset !important;
+ --color-checks-step-warning-text: unset !important;
+ --color-checks-logline-text: unset !important;
+ --color-checks-logline-num-text: unset !important;
+ --color-checks-logline-debug-text: unset !important;
+ --color-checks-logline-error-text: unset !important;
+ --color-checks-logline-error-num-text: unset !important;
+ --color-checks-logline-error-bg: unset !important;
+ --color-checks-logline-warning-text: unset !important;
+ --color-checks-logline-warning-num-text: unset !important;
+ --color-checks-logline-warning-bg: unset !important;
+ --color-checks-logline-command-text: unset !important;
+ --color-checks-logline-section-text: unset !important;
+ --color-checks-ansi-black: unset !important;
+ --color-checks-ansi-black-bright: unset !important;
+ --color-checks-ansi-white: unset !important;
+ --color-checks-ansi-white-bright: unset !important;
+ --color-checks-ansi-gray: unset !important;
+ --color-checks-ansi-red: unset !important;
+ --color-checks-ansi-red-bright: unset !important;
+ --color-checks-ansi-green: unset !important;
+ --color-checks-ansi-green-bright: unset !important;
+ --color-checks-ansi-yellow: unset !important;
+ --color-checks-ansi-yellow-bright: unset !important;
+ --color-checks-ansi-blue: unset !important;
+ --color-checks-ansi-blue-bright: unset !important;
+ --color-checks-ansi-magenta: unset !important;
+ --color-checks-ansi-magenta-bright: unset !important;
+ --color-checks-ansi-cyan: unset !important;
+ --color-checks-ansi-cyan-bright: unset !important;
+ --color-project-header-bg: unset !important;
+ --color-project-sidebar-bg: unset !important;
+ --color-project-gradient-in: unset !important;
+ --color-project-gradient-out: unset !important;
+ --color-mktg-btn-bg: unset !important;
+ --color-mktg-btn-shadow-outline: unset !important;
+ --color-mktg-btn-shadow-focus: unset !important;
+ --color-mktg-btn-shadow-hover: unset !important;
+ --color-mktg-btn-shadow-hover-muted: unset !important;
+ --color-avatar-bg: unset !important;
+ --color-avatar-border: unset !important;
+ --color-avatar-stack-fade: unset !important;
+ --color-avatar-stack-fade-more: unset !important;
+ --color-avatar-child-shadow: unset !important;
+ --color-topic-tag-border: unset !important;
+ --color-counter-border: unset !important;
+ --color-select-menu-backdrop-border: unset !important;
+ --color-select-menu-tap-highlight: unset !important;
+ --color-select-menu-tap-focus-bg: unset !important;
+ --color-overlay-shadow: unset !important;
+ --color-header-text: unset !important;
+ --color-header-bg: unset !important;
+ --color-header-divider: unset !important;
+ --color-header-logo: unset !important;
+ --color-header-search-bg: unset !important;
+ --color-header-search-border: unset !important;
+ --color-sidenav-selected-bg: unset !important;
+ --color-menu-bg-active: unset !important;
+ --color-input-disabled-bg: unset !important;
+ --color-timeline-badge-bg: unset !important;
+ --color-ansi-black: unset !important;
+ --color-ansi-black-bright: unset !important;
+ --color-ansi-white: unset !important;
+ --color-ansi-white-bright: unset !important;
+ --color-ansi-gray: unset !important;
+ --color-ansi-red: unset !important;
+ --color-ansi-red-bright: unset !important;
+ --color-ansi-green: unset !important;
+ --color-ansi-green-bright: unset !important;
+ --color-ansi-yellow: unset !important;
+ --color-ansi-yellow-bright: unset !important;
+ --color-ansi-blue: unset !important;
+ --color-ansi-blue-bright: unset !important;
+ --color-ansi-magenta: unset !important;
+ --color-ansi-magenta-bright: unset !important;
+ --color-ansi-cyan: unset !important;
+ --color-ansi-cyan-bright: unset !important;
+ --color-btn-text: unset !important;
+ --color-btn-bg: unset !important;
+ --color-btn-border: unset !important;
+ --color-btn-shadow: unset !important;
+ --color-btn-inset-shadow: unset !important;
+ --color-btn-hover-bg: unset !important;
+ --color-btn-hover-border: unset !important;
+ --color-btn-active-bg: unset !important;
+ --color-btn-active-border: unset !important;
+ --color-btn-selected-bg: unset !important;
+ --color-btn-focus-bg: unset !important;
+ --color-btn-focus-border: unset !important;
+ --color-btn-focus-shadow: unset !important;
+ --color-btn-shadow-active: unset !important;
+ --color-btn-shadow-input-focus: unset !important;
+ --color-btn-counter-bg: unset !important;
+ --color-btn-primary-text: unset !important;
+ --color-btn-primary-bg: unset !important;
+ --color-btn-primary-border: unset !important;
+ --color-btn-primary-shadow: unset !important;
+ --color-btn-primary-inset-shadow: unset !important;
+ --color-btn-primary-hover-bg: unset !important;
+ --color-btn-primary-hover-border: unset !important;
+ --color-btn-primary-selected-bg: unset !important;
+ --color-btn-primary-selected-shadow: unset !important;
+ --color-btn-primary-disabled-text: unset !important;
+ --color-btn-primary-disabled-bg: unset !important;
+ --color-btn-primary-disabled-border: unset !important;
+ --color-btn-primary-focus-bg: unset !important;
+ --color-btn-primary-focus-border: unset !important;
+ --color-btn-primary-focus-shadow: unset !important;
+ --color-btn-primary-icon: unset !important;
+ --color-btn-primary-counter-bg: unset !important;
+ --color-btn-outline-text: unset !important;
+ --color-btn-outline-hover-text: unset !important;
+ --color-btn-outline-hover-bg: unset !important;
+ --color-btn-outline-hover-border: unset !important;
+ --color-btn-outline-hover-shadow: unset !important;
+ --color-btn-outline-hover-inset-shadow: unset !important;
+ --color-btn-outline-hover-counter-bg: unset !important;
+ --color-btn-outline-selected-text: unset !important;
+ --color-btn-outline-selected-bg: unset !important;
+ --color-btn-outline-selected-border: unset !important;
+ --color-btn-outline-selected-shadow: unset !important;
+ --color-btn-outline-disabled-text: unset !important;
+ --color-btn-outline-disabled-bg: unset !important;
+ --color-btn-outline-disabled-counter-bg: unset !important;
+ --color-btn-outline-focus-border: unset !important;
+ --color-btn-outline-focus-shadow: unset !important;
+ --color-btn-outline-counter-bg: unset !important;
+ --color-btn-danger-text: unset !important;
+ --color-btn-danger-hover-text: unset !important;
+ --color-btn-danger-hover-bg: unset !important;
+ --color-btn-danger-hover-border: unset !important;
+ --color-btn-danger-hover-shadow: unset !important;
+ --color-btn-danger-hover-inset-shadow: unset !important;
+ --color-btn-danger-hover-icon: unset !important;
+ --color-btn-danger-hover-counter-bg: unset !important;
+ --color-btn-danger-selected-text: unset !important;
+ --color-btn-danger-selected-bg: unset !important;
+ --color-btn-danger-selected-border: unset !important;
--color-btn-danger-selected-shadow: intial !important;
- --color-btn-danger-disabled-text: initial !important;
- --color-btn-danger-disabled-bg: initial !important;
- --color-btn-danger-disabled-counter-bg: initial !important;
- --color-btn-danger-focus-border: initial !important;
- --color-btn-danger-focus-shadow: initial !important;
- --color-btn-danger-counter-bg: initial !important;
- --color-btn-danger-icon: initial !important;
- --color-underlinenav-icon: initial !important;
- --color-underlinenav-border-hover: initial !important;
- --color-action-list-item-inline-divider: initial !important;
- --color-action-list-item-default-hover-bg: initial !important;
- --color-action-list-item-default-hover-border: initial !important;
- --color-action-list-item-default-active-bg: initial !important;
- --color-action-list-item-default-active-border: initial !important;
- --color-action-list-item-default-selected-bg: initial !important;
- --color-action-list-item-danger-hover-bg: initial !important;
- --color-action-list-item-danger-active-bg: initial !important;
- --color-action-list-item-danger-hover-text: initial !important;
- --color-switch-track-bg: initial !important;
- --color-switch-track-border: initial !important;
- --color-switch-track-checked-bg: initial !important;
- --color-switch-track-checked-hover-bg: initial !important;
- --color-switch-track-checked-active-bg: initial !important;
- --color-switch-track-checked-border: initial !important;
- --color-switch-knob-checked-bg: initial !important;
- --color-switch-knob-checked-disabled-bg: initial !important;
- --color-fg-default: initial !important;
- --color-fg-muted: initial !important;
- --color-fg-subtle: initial !important;
- --color-fg-on-emphasis: initial !important;
- --color-canvas-default: initial !important;
- --color-canvas-overlay: initial !important;
- --color-canvas-inset: initial !important;
- --color-canvas-subtle: initial !important;
- --color-border-default: initial !important;
- --color-border-muted: initial !important;
- --color-border-subtle: initial !important;
- --color-shadow-small: initial !important;
- --color-shadow-medium: initial !important;
- --color-shadow-large: initial !important;
- --color-shadow-extra-large: initial !important;
- --color-neutral-emphasis-plus: initial !important;
- --color-neutral-emphasis: initial !important;
- --color-neutral-muted: initial !important;
- --color-neutral-subtle: initial !important;
- --color-accent-fg: initial !important;
- --color-accent-emphasis: initial !important;
- --color-accent-muted: initial !important;
- --color-accent-subtle: initial !important;
- --color-success-fg: initial !important;
- --color-success-emphasis: initial !important;
- --color-success-muted: initial !important;
- --color-success-subtle: initial !important;
- --color-attention-fg: initial !important;
- --color-attention-emphasis: initial !important;
- --color-attention-muted: initial !important;
- --color-attention-subtle: initial !important;
- --color-severe-fg: initial !important;
- --color-severe-emphasis: initial !important;
- --color-severe-muted: initial !important;
- --color-severe-subtle: initial !important;
- --color-danger-fg: initial !important;
- --color-danger-emphasis: initial !important;
- --color-danger-muted: initial !important;
- --color-danger-subtle: initial !important;
- --color-open-fg: initial !important;
- --color-open-emphasis: initial !important;
- --color-open-muted: initial !important;
- --color-open-subtle: initial !important;
- --color-closed-fg: initial !important;
- --color-closed-emphasis: initial !important;
- --color-closed-muted: initial !important;
- --color-closed-subtle: initial !important;
- --color-done-fg: initial !important;
- --color-done-emphasis: initial !important;
- --color-done-muted: initial !important;
- --color-done-subtle: initial !important;
- --color-sponsors-fg: initial !important;
- --color-sponsors-emphasis: initial !important;
- --color-sponsors-muted: initial !important;
- --color-sponsors-subtle: initial !important;
- --color-primer-fg-disabled: initial !important;
- --color-primer-canvas-backdrop: initial !important;
- --color-primer-canvas-sticky: initial !important;
- --color-primer-border-active: initial !important;
- --color-primer-border-contrast: initial !important;
- --color-primer-shadow-highlight: initial !important;
- --color-primer-shadow-inset: initial !important;
- --color-primer-shadow-focus: initial !important;
- --color-scale-black: initial !important;
- --color-scale-white: initial !important;
- --color-scale-gray-0: initial !important;
- --color-scale-gray-1: initial !important;
- --color-scale-gray-2: initial !important;
- --color-scale-gray-3: initial !important;
- --color-scale-gray-4: initial !important;
- --color-scale-gray-5: initial !important;
- --color-scale-gray-6: initial !important;
- --color-scale-gray-7: initial !important;
- --color-scale-gray-8: initial !important;
- --color-scale-gray-9: initial !important;
- --color-scale-blue-0: initial !important;
- --color-scale-blue-1: initial !important;
- --color-scale-blue-2: initial !important;
- --color-scale-blue-3: initial !important;
- --color-scale-blue-4: initial !important;
- --color-scale-blue-5: initial !important;
- --color-scale-blue-6: initial !important;
- --color-scale-blue-7: initial !important;
- --color-scale-blue-8: initial !important;
- --color-scale-blue-9: initial !important;
- --color-scale-green-0: initial !important;
- --color-scale-green-1: initial !important;
- --color-scale-green-2: initial !important;
- --color-scale-green-3: initial !important;
- --color-scale-green-4: initial !important;
- --color-scale-green-5: initial !important;
- --color-scale-green-6: initial !important;
- --color-scale-green-7: initial !important;
- --color-scale-green-8: initial !important;
- --color-scale-green-9: initial !important;
- --color-scale-yellow-0: initial !important;
- --color-scale-yellow-1: initial !important;
- --color-scale-yellow-2: initial !important;
- --color-scale-yellow-3: initial !important;
- --color-scale-yellow-4: initial !important;
- --color-scale-yellow-5: initial !important;
- --color-scale-yellow-6: initial !important;
- --color-scale-yellow-7: initial !important;
- --color-scale-yellow-8: initial !important;
- --color-scale-yellow-9: initial !important;
- --color-scale-orange-0: initial !important;
- --color-scale-orange-1: initial !important;
- --color-scale-orange-2: initial !important;
- --color-scale-orange-3: initial !important;
- --color-scale-orange-4: initial !important;
- --color-scale-orange-5: initial !important;
- --color-scale-orange-6: initial !important;
- --color-scale-orange-7: initial !important;
- --color-scale-orange-8: initial !important;
- --color-scale-orange-9: initial !important;
- --color-scale-red-0: initial !important;
- --color-scale-red-1: initial !important;
- --color-scale-red-2: initial !important;
- --color-scale-red-3: initial !important;
- --color-scale-red-4: initial !important;
- --color-scale-red-5: initial !important;
- --color-scale-red-6: initial !important;
- --color-scale-red-7: initial !important;
- --color-scale-red-8: initial !important;
- --color-scale-red-9: initial !important;
- --color-scale-purple-0: initial !important;
- --color-scale-purple-1: initial !important;
- --color-scale-purple-2: initial !important;
- --color-scale-purple-3: initial !important;
- --color-scale-purple-4: initial !important;
- --color-scale-purple-5: initial !important;
- --color-scale-purple-6: initial !important;
- --color-scale-purple-7: initial !important;
- --color-scale-purple-8: initial !important;
- --color-scale-purple-9: initial !important;
- --color-scale-pink-0: initial !important;
- --color-scale-pink-1: initial !important;
- --color-scale-pink-2: initial !important;
- --color-scale-pink-3: initial !important;
- --color-scale-pink-4: initial !important;
- --color-scale-pink-5: initial !important;
- --color-scale-pink-6: initial !important;
- --color-scale-pink-7: initial !important;
- --color-scale-pink-8: initial !important;
- --color-scale-pink-9: initial !important;
- --color-scale-coral-0: initial !important;
- --color-scale-coral-1: initial !important;
- --color-scale-coral-2: initial !important;
- --color-scale-coral-3: initial !important;
- --color-scale-coral-4: initial !important;
- --color-scale-coral-5: initial !important;
- --color-scale-coral-6: initial !important;
- --color-scale-coral-7: initial !important;
- --color-scale-coral-8: initial !important;
- --color-scale-coral-9: initial !important;
- --color-workflow-card-header-shadow: initial !important;
- --color-bg-discussions-row-emoji-box: initial !important;
- --color-calendar-halloween-graph-day-L1-bg: initial !important;
- --color-calendar-halloween-graph-day-L2-bg: initial !important;
- --color-calendar-halloween-graph-day-L3-bg: initial !important;
- --color-calendar-halloween-graph-day-L4-bg: initial !important;
- --color-calendar-graph-day-bg: initial !important;
- --color-calendar-graph-day-border: initial !important;
- --color-calendar-graph-day-bg: initial !important;
- --color-calendar-graph-day-L1-bg: initial !important;
- --color-calendar-graph-day-L2-bg: initial !important;
- --color-calendar-graph-day-L3-bg: initial !important;
- --color-calendar-graph-day-L4-bg: initial !important;
- --color-calendar-graph-day-L1-border: initial !important;
- --color-calendar-graph-day-L2-border: initial !important;
- --color-calendar-graph-day-L3-border: initial !important;
- --color-calendar-graph-day-L4-border: initial !important;
- --color-text-disabled: initial !important;
+ --color-btn-danger-disabled-text: unset !important;
+ --color-btn-danger-disabled-bg: unset !important;
+ --color-btn-danger-disabled-counter-bg: unset !important;
+ --color-btn-danger-focus-border: unset !important;
+ --color-btn-danger-focus-shadow: unset !important;
+ --color-btn-danger-counter-bg: unset !important;
+ --color-btn-danger-icon: unset !important;
+ --color-underlinenav-icon: unset !important;
+ --color-underlinenav-border-hover: unset !important;
+ --color-action-list-item-inline-divider: unset !important;
+ --color-action-list-item-default-hover-bg: unset !important;
+ --color-action-list-item-default-hover-border: unset !important;
+ --color-action-list-item-default-active-bg: unset !important;
+ --color-action-list-item-default-active-border: unset !important;
+ --color-action-list-item-default-selected-bg: unset !important;
+ --color-action-list-item-danger-hover-bg: unset !important;
+ --color-action-list-item-danger-active-bg: unset !important;
+ --color-action-list-item-danger-hover-text: unset !important;
+ --color-switch-track-bg: unset !important;
+ --color-switch-track-border: unset !important;
+ --color-switch-track-checked-bg: unset !important;
+ --color-switch-track-checked-hover-bg: unset !important;
+ --color-switch-track-checked-active-bg: unset !important;
+ --color-switch-track-checked-border: unset !important;
+ --color-switch-knob-checked-bg: unset !important;
+ --color-switch-knob-checked-disabled-bg: unset !important;
+ --color-fg-default: unset !important;
+ --color-fg-muted: unset !important;
+ --color-fg-subtle: unset !important;
+ --color-fg-on-emphasis: unset !important;
+ --color-canvas-default: unset !important;
+ --color-canvas-overlay: unset !important;
+ --color-canvas-inset: unset !important;
+ --color-canvas-subtle: unset !important;
+ --color-border-default: unset !important;
+ --color-border-muted: unset !important;
+ --color-border-subtle: unset !important;
+ --color-shadow-small: unset !important;
+ --color-shadow-medium: unset !important;
+ --color-shadow-large: unset !important;
+ --color-shadow-extra-large: unset !important;
+ --color-neutral-emphasis-plus: unset !important;
+ --color-neutral-emphasis: unset !important;
+ --color-neutral-muted: unset !important;
+ --color-neutral-subtle: unset !important;
+ --color-accent-fg: unset !important;
+ --color-accent-emphasis: unset !important;
+ --color-accent-muted: unset !important;
+ --color-accent-subtle: unset !important;
+ --color-success-fg: unset !important;
+ --color-success-emphasis: unset !important;
+ --color-success-muted: unset !important;
+ --color-success-subtle: unset !important;
+ --color-attention-fg: unset !important;
+ --color-attention-emphasis: unset !important;
+ --color-attention-muted: unset !important;
+ --color-attention-subtle: unset !important;
+ --color-severe-fg: unset !important;
+ --color-severe-emphasis: unset !important;
+ --color-severe-muted: unset !important;
+ --color-severe-subtle: unset !important;
+ --color-danger-fg: unset !important;
+ --color-danger-emphasis: unset !important;
+ --color-danger-muted: unset !important;
+ --color-danger-subtle: unset !important;
+ --color-open-fg: unset !important;
+ --color-open-emphasis: unset !important;
+ --color-open-muted: unset !important;
+ --color-open-subtle: unset !important;
+ --color-closed-fg: unset !important;
+ --color-closed-emphasis: unset !important;
+ --color-closed-muted: unset !important;
+ --color-closed-subtle: unset !important;
+ --color-done-fg: unset !important;
+ --color-done-emphasis: unset !important;
+ --color-done-muted: unset !important;
+ --color-done-subtle: unset !important;
+ --color-sponsors-fg: unset !important;
+ --color-sponsors-emphasis: unset !important;
+ --color-sponsors-muted: unset !important;
+ --color-sponsors-subtle: unset !important;
+ --color-primer-fg-disabled: unset !important;
+ --color-primer-canvas-backdrop: unset !important;
+ --color-primer-canvas-sticky: unset !important;
+ --color-primer-border-active: unset !important;
+ --color-primer-border-contrast: unset !important;
+ --color-primer-shadow-highlight: unset !important;
+ --color-primer-shadow-inset: unset !important;
+ --color-primer-shadow-focus: unset !important;
+ --color-scale-black: unset !important;
+ --color-scale-white: unset !important;
+ --color-scale-gray-0: unset !important;
+ --color-scale-gray-1: unset !important;
+ --color-scale-gray-2: unset !important;
+ --color-scale-gray-3: unset !important;
+ --color-scale-gray-4: unset !important;
+ --color-scale-gray-5: unset !important;
+ --color-scale-gray-6: unset !important;
+ --color-scale-gray-7: unset !important;
+ --color-scale-gray-8: unset !important;
+ --color-scale-gray-9: unset !important;
+ --color-scale-blue-0: unset !important;
+ --color-scale-blue-1: unset !important;
+ --color-scale-blue-2: unset !important;
+ --color-scale-blue-3: unset !important;
+ --color-scale-blue-4: unset !important;
+ --color-scale-blue-5: unset !important;
+ --color-scale-blue-6: unset !important;
+ --color-scale-blue-7: unset !important;
+ --color-scale-blue-8: unset !important;
+ --color-scale-blue-9: unset !important;
+ --color-scale-green-0: unset !important;
+ --color-scale-green-1: unset !important;
+ --color-scale-green-2: unset !important;
+ --color-scale-green-3: unset !important;
+ --color-scale-green-4: unset !important;
+ --color-scale-green-5: unset !important;
+ --color-scale-green-6: unset !important;
+ --color-scale-green-7: unset !important;
+ --color-scale-green-8: unset !important;
+ --color-scale-green-9: unset !important;
+ --color-scale-yellow-0: unset !important;
+ --color-scale-yellow-1: unset !important;
+ --color-scale-yellow-2: unset !important;
+ --color-scale-yellow-3: unset !important;
+ --color-scale-yellow-4: unset !important;
+ --color-scale-yellow-5: unset !important;
+ --color-scale-yellow-6: unset !important;
+ --color-scale-yellow-7: unset !important;
+ --color-scale-yellow-8: unset !important;
+ --color-scale-yellow-9: unset !important;
+ --color-scale-orange-0: unset !important;
+ --color-scale-orange-1: unset !important;
+ --color-scale-orange-2: unset !important;
+ --color-scale-orange-3: unset !important;
+ --color-scale-orange-4: unset !important;
+ --color-scale-orange-5: unset !important;
+ --color-scale-orange-6: unset !important;
+ --color-scale-orange-7: unset !important;
+ --color-scale-orange-8: unset !important;
+ --color-scale-orange-9: unset !important;
+ --color-scale-red-0: unset !important;
+ --color-scale-red-1: unset !important;
+ --color-scale-red-2: unset !important;
+ --color-scale-red-3: unset !important;
+ --color-scale-red-4: unset !important;
+ --color-scale-red-5: unset !important;
+ --color-scale-red-6: unset !important;
+ --color-scale-red-7: unset !important;
+ --color-scale-red-8: unset !important;
+ --color-scale-red-9: unset !important;
+ --color-scale-purple-0: unset !important;
+ --color-scale-purple-1: unset !important;
+ --color-scale-purple-2: unset !important;
+ --color-scale-purple-3: unset !important;
+ --color-scale-purple-4: unset !important;
+ --color-scale-purple-5: unset !important;
+ --color-scale-purple-6: unset !important;
+ --color-scale-purple-7: unset !important;
+ --color-scale-purple-8: unset !important;
+ --color-scale-purple-9: unset !important;
+ --color-scale-pink-0: unset !important;
+ --color-scale-pink-1: unset !important;
+ --color-scale-pink-2: unset !important;
+ --color-scale-pink-3: unset !important;
+ --color-scale-pink-4: unset !important;
+ --color-scale-pink-5: unset !important;
+ --color-scale-pink-6: unset !important;
+ --color-scale-pink-7: unset !important;
+ --color-scale-pink-8: unset !important;
+ --color-scale-pink-9: unset !important;
+ --color-scale-coral-0: unset !important;
+ --color-scale-coral-1: unset !important;
+ --color-scale-coral-2: unset !important;
+ --color-scale-coral-3: unset !important;
+ --color-scale-coral-4: unset !important;
+ --color-scale-coral-5: unset !important;
+ --color-scale-coral-6: unset !important;
+ --color-scale-coral-7: unset !important;
+ --color-scale-coral-8: unset !important;
+ --color-scale-coral-9: unset !important;
+ --color-workflow-card-header-shadow: unset !important;
+ --color-bg-discussions-row-emoji-box: unset !important;
+ --color-calendar-halloween-graph-day-L1-bg: unset !important;
+ --color-calendar-halloween-graph-day-L2-bg: unset !important;
+ --color-calendar-halloween-graph-day-L3-bg: unset !important;
+ --color-calendar-halloween-graph-day-L4-bg: unset !important;
+ --color-calendar-graph-day-bg: unset !important;
+ --color-calendar-graph-day-border: unset !important;
+ --color-calendar-graph-day-bg: unset !important;
+ --color-calendar-graph-day-L1-bg: unset !important;
+ --color-calendar-graph-day-L2-bg: unset !important;
+ --color-calendar-graph-day-L3-bg: unset !important;
+ --color-calendar-graph-day-L4-bg: unset !important;
+ --color-calendar-graph-day-L1-border: unset !important;
+ --color-calendar-graph-day-L2-border: unset !important;
+ --color-calendar-graph-day-L3-border: unset !important;
+ --color-calendar-graph-day-L4-border: unset !important;
+ --color-text-disabled: unset !important;
}
html,
@@ -471,6 +471,9 @@ svg {
color: var(--color-scale-gray-0) !important;
}
+input.form-control.input-sm.header-search-input.jump-to-field.js-jump-to-field.js-site-search-focus.js-site-search-field.is-clearable::placeholder {
+ color: var(--color-text-disabled) !important;
+}
/* a,p {
color: var(--color-scale-gray-1) !important;
}
diff --git a/src/assets/styles/RC.css b/src/assets/styles/RC.css
new file mode 100644
index 0000000..3293983
--- /dev/null
+++ b/src/assets/styles/RC.css
@@ -0,0 +1,32 @@
+/* Custom layout */
+.custom-layout .react-colorful {
+ padding: 2px;
+ border-radius: 12px;
+ background: #33333a !important;
+ box-shadow: 0 6px 12px #999;
+ width: inherit;
+ height: inherit;
+}
+
+.custom-layout .react-colorful__saturation {
+ border-radius: 5px;
+ border-bottom: none;
+ width: inherit;
+ height: inherit;
+ margin: 5px 0;
+}
+
+.custom-layout .react-colorful__hue {
+ order: -1;
+ height: 14px;
+ border-radius: 5px;
+}
+.custom-layout .react-colorful__alpha {
+ display: none;
+}
+
+.custom-layout .react-colorful__hue-pointer,
+.custom-layout .react-colorful__alpha-pointer {
+ width: 20px;
+ height: 20px;
+}
diff --git a/src/components/popup/QuickChange.tsx b/src/components/popup/QuickChange.tsx
index b27e563..fe6697d 100644
--- a/src/components/popup/QuickChange.tsx
+++ b/src/components/popup/QuickChange.tsx
@@ -1,16 +1,14 @@
import react from "react";
import "../../assets/styles/App.css";
+import "../../assets/styles/RC.css";
import { HexColorPicker, HexColorInput } from "react-colorful";
+import updateScale from "../../methods/helpers/scaleHelper";
+import * as updateManual from "../../methods/helpers/scaleHelper";
import { TextField } from "@mui/material";
import { IoIosBrush } from "react-icons/io";
import CardTitle from "../global/CardTitle";
import { pintGetUpdate } from "../../methods/helpers/storageHelper";
-import {
- bgGen,
- generateAccent,
- updateText,
- updateViaQuickScheme,
-} from "../../methods/schemeGen";
+import { updateOpacity } from "../../methods/helpers/opacityHelper";
var defaultValue = "#c0ffee";
@@ -29,18 +27,19 @@ export default function QuickChange() {
const [l4, setL4] = react.useState(`${defaultValue}`);
function paintAccent() {
- updateViaQuickScheme(color);
+ updateManual.updateAccent(color);
setL4(color);
}
function paintBg() {
setBgColor(color);
- bgGen(color);
- updateText(generateAccent(color, -130));
+ updateScale(color);
+ updateOpacity();
+ chrome.tabs.reload();
}
function paintText() {
- updateText(color);
+ updateManual.text(color);
setTextColor(color);
}
@@ -56,7 +55,11 @@ export default function QuickChange() {
/>
-
+
diff --git a/src/methods/colorScales.js b/src/methods/colorScales.js
deleted file mode 100644
index d89163f..0000000
--- a/src/methods/colorScales.js
+++ /dev/null
@@ -1,127 +0,0 @@
-export var black = ["cg3_010409"];
-
-export var white = ["cg106_ffffff"];
-
-export var gray = [
- "cg8_0d1117",
- "cg13_161b22",
- "cg17_21262d",
- "cg22_30363d",
- "cg32_484f58",
- "cg46_6e7681",
- "cg55_8b949e",
- "cg64_b1bac4",
- "cg71_c9d1d9",
- "cg84_f0f6fc",
-];
-
-export var blue = [
- "cg6_051d4d",
- "cg7_0c2d6b",
- "cg9_0d419d",
- "cg12_1158c7",
- "cg16_1f6feb",
- "cg24_388bfd",
- "cg38_58a6ff",
- "cg49_79c0ff",
- "cg61_a5d6ff",
- "cg72_cae8ff",
-];
-
-export var green = [
- "cg5_04260f",
- "cg4_033a16",
- "cg11_0f5323",
- "cg14_196c2e",
- "cg18_238636",
- "cg21_2ea043",
- "cg29_3fb950",
- "cg36_56d364",
- "cg51_7ee787",
- "cg63_aff5b4",
-];
-
-export var yellow = [
- "cg23_341a00",
- "cg34_4b2900",
- "cg44_693e00",
- "cg52_845306",
- "cg59_9e6a03",
- "cg67_bb8009",
- "cg74_d29922",
- "cg80_e3b341",
- "cg85_f2cc60",
- "cg90_f8e3a1",
-];
-
-export var orange = [
- "cg28_3d1300",
- "cg39_5a1e02",
- "cg47_762d0a",
- "cg57_9b4215",
- "cg69_bd561d",
- "cg78_db6d28",
- "cg83_f0883e",
- "cg97_ffa657",
- "cg101_ffc680",
- "cg105_ffdfb6",
-];
-
-export var red = [
- "cg33_490202",
- "cg43_67060c",
- "cg56_8e1519",
- "cg66_b62324",
- "cg76_da3633",
- "cg89_f85149",
- "cg93_ff7b72",
- "cg95_ffa198",
- "cg99_ffc1ba",
- "cg103_ffdcd7",
-];
-
-export var purple = [
- "cg20_271052",
- "cg27_3c1e70",
- "cg35_553098",
- "cg45_6e40c9",
- "cg54_8957e5",
- "cg60_a371f7",
- "cg68_bc8cff",
- "cg75_d2a8ff",
- "cg79_e2c5ff",
- "cg82_eddeff",
-];
-
-export var pink = [
- "cg30_42062a",
- "cg40_5e103e",
- "cg50_7d2457",
- "cg58_9e3670",
- "cg70_bf4b8a",
- "cg77_db61a2",
- "cg87_f778ba",
- "cg94_ff9bce",
- "cg98_ffbedd",
- "cg102_ffdaec",
-];
-
-export var coral = [
- "cg31_460701",
- "cg42_640D04",
- "cg53_872012",
- "cg62_AC3220",
- "cg73_CF462D",
- "cg81_EA6045",
- "cg88_F78166",
- "cg96_FFA28B",
- "cg100_FFC2B2",
- "cg105_ffdfb6",
-];
-
-export var calendar = [
- "cg26_39d353",
- "cg19_26a641",
- "cg2_006d32",
- "cg10_0e4429",
-];
diff --git a/src/methods/helpers/scaleHelper.js b/src/methods/helpers/scaleHelper.js
index aa16ac5..1076412 100644
--- a/src/methods/helpers/scaleHelper.js
+++ b/src/methods/helpers/scaleHelper.js
@@ -2,154 +2,969 @@ import chroma from "chroma-js";
import * as settings from "../config/colorGroups.js";
-import { pintGetUpdate, updateMultiple } from "./storageHelper.js";
+import { updateMultiple } from "./storageHelper.js";
-// may god have mercy if you are working with this spaghetti code.
-// can someone please help me find a way of implementing this better because
-// this looks like shit. it's like this because of the goddamn chrome extension
-// limitation PLEASE FILE AN ISSUE OR PR IF YOU HAVE A WAY TO MAKE THIS HANDLE
-// BETTER BECAUSE GOD I AM DYING LOOKING AND MAINTAINING THIS SPAGHETTI CODE
-
-function setCG1(value) {
- updateMultiple(settings.cg1a_19, chroma(value).alpha(0.1).hex());
+export function updateAll(color) {
+ updateMultiple(settings.cg3_010409, chroma(color).darken(0.3).hex());
+ updateMultiple(settings.cg106_ffffff, chroma(color).brighten(4).hex());
+ // gray
+ updateMultiple(settings.cg8_0d1117, chroma(color).hex());
+ updateMultiple(settings.cg13_161b22, chroma(color).brighten(0.3).hex());
+ updateMultiple(settings.cg17_21262d, chroma(color).brighten(0.6).hex());
+ updateMultiple(settings.cg22_30363d, chroma(color).brighten(0.9).hex());
+ updateMultiple(settings.cg32_484f58, chroma(color).brighten(1.2).hex());
+ updateMultiple(settings.cg46_6e7681, chroma(color).brighten(1.5).hex());
+ updateMultiple(settings.cg55_8b949e, chroma(color).brighten(1.8).hex());
+ updateMultiple(settings.cg64_b1bac4, chroma(color).brighten(2.1).hex());
+ updateMultiple(settings.cg71_c9d1d9, chroma(color).brighten(3.0).hex());
+ updateMultiple(settings.cg84_f0f6fc, chroma(color).brighten(3.3).hex());
+ // blue
+ updateMultiple(settings.cg6_051d4d, chroma(color).hex());
+ updateMultiple(
+ settings.cg7_0c2d6b,
+ chroma(color).brighten(0.3).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg9_0d419d,
+ chroma(color).brighten(0.6).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg12_1158c7,
+ chroma(color).brighten(0.9).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg16_1f6feb,
+ chroma(color).brighten(1.2).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg24_388bfd,
+ chroma(color).brighten(1.5).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg38_58a6ff,
+ chroma(color).brighten(1.8).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg49_79c0ff,
+ chroma(color).brighten(2.1).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg61_a5d6ff,
+ chroma(color).brighten(3.0).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg72_cae8ff,
+ chroma(color).brighten(3.3).desaturate(1).hex()
+ );
+ // green
+ updateMultiple(settings.cg5_04260f, chroma(color).hex());
+ updateMultiple(
+ settings.cg4_033a16,
+ chroma(color).brighten(0.3).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg11_0f5323,
+ chroma(color).brighten(0.6).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg14_196c2e,
+ chroma(color).brighten(0.9).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg18_238636,
+ chroma(color).brighten(1.2).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg21_2ea043,
+ chroma(color).brighten(1.5).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg29_3fb950,
+ chroma(color).brighten(1.8).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg36_56d364,
+ chroma(color).brighten(2.1).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg51_7ee787,
+ chroma(color).brighten(3.0).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg63_aff5b4,
+ chroma(color).brighten(3.3).desaturate(3).hex()
+ );
+ // yellow
+ updateMultiple(settings.cg23_341a00, chroma(color).hex());
+ updateMultiple(
+ settings.cg34_4b2900,
+ chroma(color).brighten(0.3).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg44_693e00,
+ chroma(color).brighten(0.6).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg52_845306,
+ chroma(color).brighten(0.9).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg59_9e6a03,
+ chroma(color).brighten(1.2).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg67_bb8009,
+ chroma(color).brighten(1.5).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg74_d29922,
+ chroma(color).brighten(1.8).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg80_e3b341,
+ chroma(color).brighten(2.1).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg85_f2cc60,
+ chroma(color).brighten(3.0).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg90_f8e3a1,
+ chroma(color).brighten(3.3).desaturate(2).hex()
+ );
+ // orange
+ updateMultiple(settings.cg28_3d1300, chroma(color).hex());
+ updateMultiple(
+ settings.cg39_5a1e02,
+ chroma(color).brighten(0.3).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg47_762d0a,
+ chroma(color).brighten(0.6).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg57_9b4215,
+ chroma(color).brighten(0.9).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg69_bd561d,
+ chroma(color).brighten(1.2).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg78_db6d28,
+ chroma(color).brighten(1.5).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg83_f0883e,
+ chroma(color).brighten(1.8).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg97_ffa657,
+ chroma(color).brighten(2.1).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg101_ffc680,
+ chroma(color).brighten(3.0).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg105_ffdfb6,
+ chroma(color).brighten(3.3).desaturate(1.5).hex()
+ );
+ // red
+ updateMultiple(settings.cg33_490202, chroma(color).hex());
+ updateMultiple(
+ settings.cg43_67060c,
+ chroma(color).brighten(0.3).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg56_8e1519,
+ chroma(color).brighten(0.6).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg66_b62324,
+ chroma(color).brighten(0.9).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg76_da3633,
+ chroma(color).brighten(1.2).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg89_f85149,
+ chroma(color).brighten(1.5).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg93_ff7b72,
+ chroma(color).brighten(1.8).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg95_ffa198,
+ chroma(color).brighten(2.1).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg99_ffc1ba,
+ chroma(color).brighten(3.0).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg103_ffdcd7,
+ chroma(color).brighten(3.3).saturate(2).hex()
+ );
+ // purple
+ updateMultiple(settings.cg20_271052, chroma(color).hex());
+ updateMultiple(
+ settings.cg27_3c1e70,
+ chroma(color).brighten(0.3).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg35_553098,
+ chroma(color).brighten(0.6).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg45_6e40c9,
+ chroma(color).brighten(0.9).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg54_8957e5,
+ chroma(color).brighten(1.2).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg60_a371f7,
+ chroma(color).brighten(1.5).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg68_bc8cff,
+ chroma(color).brighten(1.8).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg75_d2a8ff,
+ chroma(color).brighten(2.1).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg79_e2c5ff,
+ chroma(color).brighten(3.0).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg82_eddeff,
+ chroma(color).brighten(3.3).saturate(2.5).hex()
+ );
+ // pink
+ updateMultiple(settings.cg30_42062a, chroma(color).hex());
+ updateMultiple(
+ settings.cg40_5e103e,
+ chroma(color).brighten(0.3).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg50_7d2457,
+ chroma(color).brighten(0.6).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg58_9e3670,
+ chroma(color).brighten(0.9).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg70_bf4b8a,
+ chroma(color).brighten(1.2).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg77_db61a2,
+ chroma(color).brighten(1.5).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg87_f778ba,
+ chroma(color).brighten(1.8).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg94_ff9bce,
+ chroma(color).brighten(2.1).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg98_ffbedd,
+ chroma(color).brighten(3.0).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg102_ffdaec,
+ chroma(color).brighten(3.3).desaturate(2).hex()
+ );
+ // coral
+ updateMultiple(settings.cg31_460701, chroma(color).hex());
+ updateMultiple(
+ settings.cg42_640D04,
+ chroma(color).brighten(0.3).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg53_872012,
+ chroma(color).brighten(0.6).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg62_AC3220,
+ chroma(color).brighten(0.9).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg73_CF462D,
+ chroma(color).brighten(1.2).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg81_EA6045,
+ chroma(color).brighten(1.5).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg88_F78166,
+ chroma(color).brighten(1.8).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg96_FFA28B,
+ chroma(color).brighten(2.1).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg100_FFC2B2,
+ chroma(color).brighten(3.0).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg105_ffdfb6,
+ chroma(color).brighten(3.3).desaturate(2).hex()
+ );
+ // calendar
+ updateMultiple(
+ settings.cg26_39d353,
+ chroma(color).brighten(2.5).saturate(2).alpha(0.8).hex()
+ );
+ updateMultiple(
+ settings.cg19_26a641,
+ chroma(color).brighten(2.5).saturate(2).alpha(0.6).hex()
+ );
+ updateMultiple(
+ settings.cg2_006d32,
+ chroma(color).brighten(2.5).saturate(2).alpha(0.4).hex()
+ );
+ updateMultiple(
+ settings.cg10_0e4429,
+ chroma(color).brighten(2.5).saturate(2).alpha(0.2).hex()
+ );
}
-function setCG3(value) {
- updateMultiple(settings.cg3a_4c, chroma(value).alpha(0.3).hex());
- updateMultiple(settings.cg3a_cc, chroma(value).alpha(0.8).hex());
+export function updateAllBright(color) {
+ updateMultiple(settings.cg3_010409, chroma(color).brighten(0.3).hex());
+ updateMultiple(settings.cg106_ffffff, chroma(color).darken(4).hex());
+ // gray
+ updateMultiple(settings.cg8_0d1117, chroma(color).hex());
+ updateMultiple(settings.cg13_161b22, chroma(color).darken(0.3).hex());
+ updateMultiple(settings.cg17_21262d, chroma(color).darken(0.6).hex());
+ updateMultiple(settings.cg22_30363d, chroma(color).darken(0.9).hex());
+ updateMultiple(settings.cg32_484f58, chroma(color).darken(1.2).hex());
+ updateMultiple(settings.cg46_6e7681, chroma(color).darken(1.5).hex());
+ updateMultiple(settings.cg55_8b949e, chroma(color).darken(1.8).hex());
+ updateMultiple(settings.cg64_b1bac4, chroma(color).darken(2.1).hex());
+ updateMultiple(settings.cg71_c9d1d9, chroma(color).darken(3.0).hex());
+ updateMultiple(settings.cg84_f0f6fc, chroma(color).darken(3.3).hex());
+ // blue
+ updateMultiple(settings.cg6_051d4d, chroma(color).hex());
+ updateMultiple(
+ settings.cg7_0c2d6b,
+ chroma(color).darken(0.3).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg9_0d419d,
+ chroma(color).darken(0.6).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg12_1158c7,
+ chroma(color).darken(0.9).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg16_1f6feb,
+ chroma(color).darken(1.2).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg24_388bfd,
+ chroma(color).darken(1.5).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg38_58a6ff,
+ chroma(color).darken(1.8).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg49_79c0ff,
+ chroma(color).darken(2.1).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg61_a5d6ff,
+ chroma(color).darken(3.0).desaturate(1).hex()
+ );
+ updateMultiple(
+ settings.cg72_cae8ff,
+ chroma(color).darken(3.3).desaturate(1).hex()
+ );
+ // green
+ updateMultiple(settings.cg5_04260f, chroma(color).hex());
+ updateMultiple(
+ settings.cg4_033a16,
+ chroma(color).darken(0.3).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg11_0f5323,
+ chroma(color).darken(0.6).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg14_196c2e,
+ chroma(color).darken(0.9).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg18_238636,
+ chroma(color).darken(1.2).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg21_2ea043,
+ chroma(color).darken(1.5).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg29_3fb950,
+ chroma(color).darken(1.8).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg36_56d364,
+ chroma(color).darken(2.1).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg51_7ee787,
+ chroma(color).darken(3.0).desaturate(3).hex()
+ );
+ updateMultiple(
+ settings.cg63_aff5b4,
+ chroma(color).darken(3.3).desaturate(3).hex()
+ );
+ // yellow
+ updateMultiple(settings.cg23_341a00, chroma(color).hex());
+ updateMultiple(
+ settings.cg34_4b2900,
+ chroma(color).darken(0.3).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg44_693e00,
+ chroma(color).darken(0.6).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg52_845306,
+ chroma(color).darken(0.9).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg59_9e6a03,
+ chroma(color).darken(1.2).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg67_bb8009,
+ chroma(color).darken(1.5).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg74_d29922,
+ chroma(color).darken(1.8).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg80_e3b341,
+ chroma(color).darken(2.1).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg85_f2cc60,
+ chroma(color).darken(3.0).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg90_f8e3a1,
+ chroma(color).darken(3.3).desaturate(2).hex()
+ );
+ // orange
+ updateMultiple(settings.cg28_3d1300, chroma(color).hex());
+ updateMultiple(
+ settings.cg39_5a1e02,
+ chroma(color).darken(0.3).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg47_762d0a,
+ chroma(color).darken(0.6).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg57_9b4215,
+ chroma(color).darken(0.9).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg69_bd561d,
+ chroma(color).darken(1.2).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg78_db6d28,
+ chroma(color).darken(1.5).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg83_f0883e,
+ chroma(color).darken(1.8).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg97_ffa657,
+ chroma(color).darken(2.1).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg101_ffc680,
+ chroma(color).darken(3.0).desaturate(1.5).hex()
+ );
+ updateMultiple(
+ settings.cg105_ffdfb6,
+ chroma(color).darken(3.3).desaturate(1.5).hex()
+ );
+ // red
+ updateMultiple(settings.cg33_490202, chroma(color).hex());
+ updateMultiple(
+ settings.cg43_67060c,
+ chroma(color).darken(0.3).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg56_8e1519,
+ chroma(color).darken(0.6).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg66_b62324,
+ chroma(color).darken(0.9).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg76_da3633,
+ chroma(color).darken(1.2).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg89_f85149,
+ chroma(color).darken(1.5).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg93_ff7b72,
+ chroma(color).darken(1.8).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg95_ffa198,
+ chroma(color).darken(2.1).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg99_ffc1ba,
+ chroma(color).darken(3.0).saturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg103_ffdcd7,
+ chroma(color).darken(3.3).saturate(2).hex()
+ );
+ // purple
+ updateMultiple(settings.cg20_271052, chroma(color).hex());
+ updateMultiple(
+ settings.cg27_3c1e70,
+ chroma(color).darken(0.3).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg35_553098,
+ chroma(color).darken(0.6).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg45_6e40c9,
+ chroma(color).darken(0.9).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg54_8957e5,
+ chroma(color).darken(1.2).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg60_a371f7,
+ chroma(color).darken(1.5).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg68_bc8cff,
+ chroma(color).darken(1.8).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg75_d2a8ff,
+ chroma(color).darken(2.1).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg79_e2c5ff,
+ chroma(color).darken(3.0).saturate(2.5).hex()
+ );
+ updateMultiple(
+ settings.cg82_eddeff,
+ chroma(color).darken(3.3).saturate(2.5).hex()
+ );
+ // pink
+ updateMultiple(settings.cg30_42062a, chroma(color).hex());
+ updateMultiple(
+ settings.cg40_5e103e,
+ chroma(color).darken(0.3).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg50_7d2457,
+ chroma(color).darken(0.6).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg58_9e3670,
+ chroma(color).darken(0.9).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg70_bf4b8a,
+ chroma(color).darken(1.2).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg77_db61a2,
+ chroma(color).darken(1.5).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg87_f778ba,
+ chroma(color).darken(1.8).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg94_ff9bce,
+ chroma(color).darken(2.1).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg98_ffbedd,
+ chroma(color).darken(3.0).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg102_ffdaec,
+ chroma(color).darken(3.3).desaturate(2).hex()
+ );
+ // coral
+ updateMultiple(settings.cg31_460701, chroma(color).hex());
+ updateMultiple(
+ settings.cg42_640D04,
+ chroma(color).darken(0.3).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg53_872012,
+ chroma(color).darken(0.6).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg62_AC3220,
+ chroma(color).darken(0.9).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg73_CF462D,
+ chroma(color).darken(1.2).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg81_EA6045,
+ chroma(color).darken(1.5).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg88_F78166,
+ chroma(color).darken(1.8).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg96_FFA28B,
+ chroma(color).darken(2.1).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg100_FFC2B2,
+ chroma(color).darken(3.0).desaturate(2).hex()
+ );
+ updateMultiple(
+ settings.cg105_ffdfb6,
+ chroma(color).darken(3.3).desaturate(2).hex()
+ );
+ // calendar
+ updateMultiple(
+ settings.cg26_39d353,
+ chroma(color).darken(2.5).saturate(2).alpha(0.8).hex()
+ );
+ updateMultiple(
+ settings.cg19_26a641,
+ chroma(color).darken(2.5).saturate(2).alpha(0.6).hex()
+ );
+ updateMultiple(
+ settings.cg2_006d32,
+ chroma(color).darken(2.5).saturate(2).alpha(0.4).hex()
+ );
+ updateMultiple(
+ settings.cg10_0e4429,
+ chroma(color).darken(2.5).saturate(2).alpha(0.2).hex()
+ );
}
-function setCG8(value) {
- updateMultiple(settings.cg8a_00, chroma(value).alpha(0).hex());
- updateMultiple(settings.cg8a_f2, chroma(value).alpha(0.95).hex());
+// --------------------- TEXT OVERRIDES --------------------------
+
+export function text(color) {
+ updateMultiple(settings.cg106_ffffff, chroma(color).hex());
}
-function setCG13(value) {
- updateMultiple(settings.cg13a_00, chroma(value).alpha(0).hex());
+// ----------------------- DARK OVERRIDES -------------------------
+
+export function black(color) {
+ updateMultiple(settings.cg3_010409, chroma(color).darken(4).hex());
}
-function setCG15(value) {
- updateMultiple(settings.cg15a_0f, chroma(value).alpha(0.06).hex());
+export function white(color) {
+ updateMultiple(settings.cg106_ffffff, chroma(color).brighten(4).hex());
}
-function setCG16(value) {
- updateMultiple(settings.cg16a_0c, chroma(value).alpha(0.05).hex());
- updateMultiple(settings.cg16a_19, chroma(value).alpha(0.1).hex());
- updateMultiple(settings.cg16a_59, chroma(value).alpha(0.35).hex());
- updateMultiple(settings.cg16a_7f, chroma(value).alpha(0.5).hex());
- updateMultiple(settings.cg16a_a5, chroma(value).alpha(0.65).hex());
+export function gray(color) {
+ updateMultiple(settings.cg8_0d1117, chroma(color).hex());
+ updateMultiple(settings.cg13_161b22, chroma(color).brighten(0.3).hex());
+ updateMultiple(settings.cg17_21262d, chroma(color).brighten(0.6).hex());
+ updateMultiple(settings.cg22_30363d, chroma(color).brighten(0.9).hex());
+ updateMultiple(settings.cg32_484f58, chroma(color).brighten(1.2).hex());
+ updateMultiple(settings.cg46_6e7681, chroma(color).brighten(1.5).hex());
+ updateMultiple(settings.cg55_8b949e, chroma(color).brighten(1.8).hex());
+ updateMultiple(settings.cg64_b1bac4, chroma(color).brighten(2.1).hex());
+ updateMultiple(settings.cg71_c9d1d9, chroma(color).brighten(3.0).hex());
+ updateMultiple(settings.cg84_f0f6fc, chroma(color).brighten(3.3).hex());
}
-function setCG18(value) {
- updateMultiple(settings.cg18a_99, chroma(value).alpha(0.6).hex());
+export function blue(color) {
+ updateMultiple(settings.cg6_051d4d, chroma(color).hex());
+ updateMultiple(settings.cg7_0c2d6b, chroma(color).brighten(0.3).hex());
+ updateMultiple(settings.cg9_0d419d, chroma(color).brighten(0.6).hex());
+ updateMultiple(settings.cg12_1158c7, chroma(color).brighten(0.9).hex());
+ updateMultiple(settings.cg16_1f6feb, chroma(color).brighten(1.2).hex());
+ updateMultiple(settings.cg24_388bfd, chroma(color).brighten(1.5).hex());
+ updateMultiple(settings.cg38_58a6ff, chroma(color).brighten(1.8).hex());
+ updateMultiple(settings.cg49_79c0ff, chroma(color).brighten(2.1).hex());
+ updateMultiple(settings.cg61_a5d6ff, chroma(color).brighten(3.0).hex());
+ updateMultiple(settings.cg72_cae8ff, chroma(color).brighten(3.3).hex());
}
-function setCG21(value) {
- updateMultiple(settings.cg21a_26, chroma(value).alpha(0.15).hex());
- updateMultiple(settings.cg21a_66, chroma(value).alpha(0.4).hex());
+export function green(color) {
+ updateMultiple(settings.cg5_04260f, chroma(color).hex());
+ updateMultiple(settings.cg4_033a16, chroma(color).brighten(0.3).hex());
+ updateMultiple(settings.cg11_0f5323, chroma(color).brighten(0.6).hex());
+ updateMultiple(settings.cg14_196c2e, chroma(color).brighten(0.9).hex());
+ updateMultiple(settings.cg18_238636, chroma(color).brighten(1.2).hex());
+ updateMultiple(settings.cg21_2ea043, chroma(color).brighten(1.5).hex());
+ updateMultiple(settings.cg29_3fb950, chroma(color).brighten(1.8).hex());
+ updateMultiple(settings.cg36_56d364, chroma(color).brighten(2.1).hex());
+ updateMultiple(settings.cg51_7ee787, chroma(color).brighten(3.0).hex());
+ updateMultiple(settings.cg63_aff5b4, chroma(color).brighten(3.3).hex());
}
-function setCG22(value) {
- updateMultiple(settings.cg22a_80, chroma(value).alpha(0.5).hex());
+export function yellow(color) {
+ updateMultiple(settings.cg23_341a00, chroma(color).hex());
+ updateMultiple(settings.cg34_4b2900, chroma(color).brighten(0.3).hex());
+ updateMultiple(settings.cg44_693e00, chroma(color).brighten(0.6).hex());
+ updateMultiple(settings.cg52_845306, chroma(color).brighten(0.9).hex());
+ updateMultiple(settings.cg59_9e6a03, chroma(color).brighten(1.2).hex());
+ updateMultiple(settings.cg67_bb8009, chroma(color).brighten(1.5).hex());
+ updateMultiple(settings.cg74_d29922, chroma(color).brighten(1.8).hex());
+ updateMultiple(settings.cg80_e3b341, chroma(color).brighten(2.1).hex());
+ updateMultiple(settings.cg85_f2cc60, chroma(color).brighten(3.0).hex());
+ updateMultiple(settings.cg90_f8e3a1, chroma(color).brighten(3.3).hex());
}
-function setCG24(value) {
- updateMultiple(settings.cg24a_26, chroma(value).alpha(0.15).hex());
- updateMultiple(settings.cg24a_66, chroma(value).alpha(0.4).hex());
+export function orange(color) {
+ updateMultiple(settings.cg28_3d1300, chroma(color).hex());
+ updateMultiple(settings.cg39_5a1e02, chroma(color).brighten(0.3).hex());
+ updateMultiple(settings.cg47_762d0a, chroma(color).brighten(0.6).hex());
+ updateMultiple(settings.cg57_9b4215, chroma(color).brighten(0.9).hex());
+ updateMultiple(settings.cg69_bd561d, chroma(color).brighten(1.2).hex());
+ updateMultiple(settings.cg78_db6d28, chroma(color).brighten(1.5).hex());
+ updateMultiple(settings.cg83_f0883e, chroma(color).brighten(1.8).hex());
+ updateMultiple(settings.cg97_ffa657, chroma(color).brighten(2.1).hex());
+ updateMultiple(settings.cg101_ffc680, chroma(color).brighten(3.0).hex());
+ updateMultiple(settings.cg105_ffdfb6, chroma(color).brighten(3.3).hex());
}
-function setCG29(value) {
- updateMultiple(settings.cg29a_4d, chroma(value).alpha(0.16).hex());
+export function red(color) {
+ updateMultiple(settings.cg33_490202, chroma(color).hex());
+ updateMultiple(settings.cg43_67060c, chroma(color).brighten(0.3).hex());
+ updateMultiple(settings.cg56_8e1519, chroma(color).brighten(0.6).hex());
+ updateMultiple(settings.cg66_b62324, chroma(color).brighten(0.9).hex());
+ updateMultiple(settings.cg76_da3633, chroma(color).brighten(1.2).hex());
+ updateMultiple(settings.cg89_f85149, chroma(color).brighten(1.5).hex());
+ updateMultiple(settings.cg93_ff7b72, chroma(color).brighten(1.8).hex());
+ updateMultiple(settings.cg95_ffa198, chroma(color).brighten(2.1).hex());
+ updateMultiple(settings.cg99_ffc1ba, chroma(color).brighten(3.0).hex());
+ updateMultiple(settings.cg103_ffdcd7, chroma(color).brighten(3.3).hex());
}
-function setCG38(value) {
- updateMultiple(settings.cg38a_80, chroma(value).alpha(0.5).hex());
+export function purple(color) {
+ updateMultiple(settings.cg20_271052, chroma(color).hex());
+ updateMultiple(settings.cg27_3c1e70, chroma(color).brighten(0.3).hex());
+ updateMultiple(settings.cg35_553098, chroma(color).brighten(0.6).hex());
+ updateMultiple(settings.cg45_6e40c9, chroma(color).brighten(0.9).hex());
+ updateMultiple(settings.cg54_8957e5, chroma(color).brighten(1.2).hex());
+ updateMultiple(settings.cg60_a371f7, chroma(color).brighten(1.5).hex());
+ updateMultiple(settings.cg68_bc8cff, chroma(color).brighten(1.8).hex());
+ updateMultiple(settings.cg75_d2a8ff, chroma(color).brighten(2.1).hex());
+ updateMultiple(settings.cg79_e2c5ff, chroma(color).brighten(3.0).hex());
+ updateMultiple(settings.cg82_eddeff, chroma(color).brighten(3.3).hex());
}
-function setCG46(value) {
- updateMultiple(settings.cg46a_00, chroma(value).alpha(0).hex());
- updateMultiple(settings.cg46a_19, chroma(value).alpha(0.1).hex());
- updateMultiple(settings.cg46a_66, chroma(value).alpha(0.4).hex());
+export function pink(color) {
+ updateMultiple(settings.cg30_42062a, chroma(color).hex());
+ updateMultiple(settings.cg40_5e103e, chroma(color).brighten(0.3).hex());
+ updateMultiple(settings.cg50_7d2457, chroma(color).brighten(0.6).hex());
+ updateMultiple(settings.cg58_9e3670, chroma(color).brighten(0.9).hex());
+ updateMultiple(settings.cg70_bf4b8a, chroma(color).brighten(1.2).hex());
+ updateMultiple(settings.cg77_db61a2, chroma(color).brighten(1.5).hex());
+ updateMultiple(settings.cg87_f778ba, chroma(color).brighten(1.8).hex());
+ updateMultiple(settings.cg94_ff9bce, chroma(color).brighten(2.1).hex());
+ updateMultiple(settings.cg98_ffbedd, chroma(color).brighten(3.0).hex());
+ updateMultiple(settings.cg102_ffdaec, chroma(color).brighten(3.3).hex());
}
-function setCG60(value) {
- updateMultiple(settings.cg60a_26, chroma(value).alpha(0.15).hex());
- updateMultiple(settings.cg60a_66, chroma(value).alpha(0.4).hex());
+export function coral(color) {
+ updateMultiple(settings.cg31_460701, chroma(color).hex());
+ updateMultiple(settings.cg42_640D04, chroma(color).brighten(0.3).hex());
+ updateMultiple(settings.cg53_872012, chroma(color).brighten(0.6).hex());
+ updateMultiple(settings.cg62_AC3220, chroma(color).brighten(0.9).hex());
+ updateMultiple(settings.cg73_CF462D, chroma(color).brighten(1.2).hex());
+ updateMultiple(settings.cg81_EA6045, chroma(color).brighten(1.5).hex());
+ updateMultiple(settings.cg88_F78166, chroma(color).brighten(1.8).hex());
+ updateMultiple(settings.cg96_FFA28B, chroma(color).brighten(2.1).hex());
+ updateMultiple(settings.cg100_FFC2B2, chroma(color).brighten(3.0).hex());
+ updateMultiple(settings.cg105_ffdfb6, chroma(color).brighten(3.3).hex());
}
-function setCG64(value) {
- updateMultiple(settings.cg64a_14, chroma(value).alpha(0.08).hex());
- updateMultiple(settings.cg64a_1e, chroma(value).alpha(0.12).hex());
- updateMultiple(settings.cg64a_33, chroma(value).alpha(0.2).hex());
+export function calendar(color) {
+ updateMultiple(settings.cg26_39d353, chroma(color).brighten(2.5).hex());
+ updateMultiple(settings.cg19_26a641, chroma(color).brighten(1.5).hex());
+ updateMultiple(settings.cg2_006d32, chroma(color).brighten(0.5).hex());
+ updateMultiple(settings.cg10_0e4429, chroma(color).hex());
}
-function setCG67(value) {
- updateMultiple(settings.cg67a_26, chroma(value).alpha(0.15).hex());
- updateMultiple(settings.cg67a_66, chroma(value).alpha(0.4).hex());
+// ----------------------- BRIGHT OVERRIDES -------------------------
+
+export function blackBright(color) {
+ updateMultiple(settings.cg3_010409, chroma(color).brighten(4).hex());
}
-function setCG74(value) {
- updateMultiple(settings.cg74a_66, chroma(value).alpha(0.4).hex());
+export function whiteBright(color) {
+ updateMultiple(settings.cg106_ffffff, chroma(color).darken(4).hex());
}
-function setCG76(value) {
- updateMultiple(settings.cg76a_0c, chroma(value).alpha(0.05).hex());
- updateMultiple(settings.cg76a_19, chroma(value).alpha(0.1).hex());
+export function grayBright(color) {
+ updateMultiple(settings.cg8_0d1117, chroma(color).darken(3.3).hex());
+ updateMultiple(settings.cg13_161b22, chroma(color).darken(3.0).hex());
+ updateMultiple(settings.cg17_21262d, chroma(color).darken(2.1).hex());
+ updateMultiple(settings.cg22_30363d, chroma(color).darken(1.8).hex());
+ updateMultiple(settings.cg32_484f58, chroma(color).darken(1.5).hex());
+ updateMultiple(settings.cg46_6e7681, chroma(color).darken(1.2).hex());
+ updateMultiple(settings.cg55_8b949e, chroma(color).darken(0.9).hex());
+ updateMultiple(settings.cg64_b1bac4, chroma(color).darken(0.6).hex());
+ updateMultiple(settings.cg71_c9d1d9, chroma(color).darken(0.3).hex());
+ updateMultiple(settings.cg84_f0f6fc, chroma(color).hex());
}
-function setCG77(value) {
- updateMultiple(settings.cg77a_26, chroma(value).alpha(0.15).hex());
- updateMultiple(settings.cg77a_66, chroma(value).alpha(0.4).hex());
+export function blueBright(color) {
+ updateMultiple(settings.cg6_051d4d, chroma(color).darken(3.3).hex());
+ updateMultiple(settings.cg7_0c2d6b, chroma(color).darken(3.0).hex());
+ updateMultiple(settings.cg9_0d419d, chroma(color).darken(2.1).hex());
+ updateMultiple(settings.cg12_1158c7, chroma(color).darken(1.8).hex());
+ updateMultiple(settings.cg16_1f6feb, chroma(color).darken(1.5).hex());
+ updateMultiple(settings.cg24_388bfd, chroma(color).darken(1.2).hex());
+ updateMultiple(settings.cg38_58a6ff, chroma(color).darken(0.9).hex());
+ updateMultiple(settings.cg49_79c0ff, chroma(color).darken(0.6).hex());
+ updateMultiple(settings.cg61_a5d6ff, chroma(color).darken(0.3).hex());
+ updateMultiple(settings.cg72_cae8ff, chroma(color).hex());
}
-function setCG78(value) {
- updateMultiple(settings.cg78a_26, chroma(value).alpha(0.15).hex());
- updateMultiple(settings.cg78a_66, chroma(value).alpha(0.4).hex());
+export function greenBright(color) {
+ updateMultiple(settings.cg5_04260f, chroma(color).darken(3.3).hex());
+ updateMultiple(settings.cg4_033a16, chroma(color).darken(3.0).hex());
+ updateMultiple(settings.cg11_0f5323, chroma(color).darken(2.1).hex());
+ updateMultiple(settings.cg14_196c2e, chroma(color).darken(1.8).hex());
+ updateMultiple(settings.cg18_238636, chroma(color).darken(1.5).hex());
+ updateMultiple(settings.cg21_2ea043, chroma(color).darken(1.2).hex());
+ updateMultiple(settings.cg29_3fb950, chroma(color).darken(0.9).hex());
+ updateMultiple(settings.cg36_56d364, chroma(color).darken(0.6).hex());
+ updateMultiple(settings.cg51_7ee787, chroma(color).darken(0.3).hex());
+ updateMultiple(settings.cg63_aff5b4, chroma(color).hex());
}
-function setCG84(value) {
- updateMultiple(settings.cg84a_19, chroma(value).alpha(0.1).hex());
+export function yellowBright(color) {
+ updateMultiple(settings.cg23_341a00, chroma(color).darken(3.3).hex());
+ updateMultiple(settings.cg34_4b2900, chroma(color).darken(3.0).hex());
+ updateMultiple(settings.cg44_693e00, chroma(color).darken(2.1).hex());
+ updateMultiple(settings.cg52_845306, chroma(color).darken(1.8).hex());
+ updateMultiple(settings.cg59_9e6a03, chroma(color).darken(1.5).hex());
+ updateMultiple(settings.cg67_bb8009, chroma(color).darken(1.2).hex());
+ updateMultiple(settings.cg74_d29922, chroma(color).darken(0.9).hex());
+ updateMultiple(settings.cg80_e3b341, chroma(color).darken(0.6).hex());
+ updateMultiple(settings.cg85_f2cc60, chroma(color).darken(0.3).hex());
+ updateMultiple(settings.cg90_f8e3a1, chroma(color).hex());
}
-function setCG89(value) {
- updateMultiple(settings.cg89a_26, chroma(value).alpha(0.15).hex());
- updateMultiple(settings.cg89a_28, chroma(value).alpha(0.16).hex());
- updateMultiple(settings.cg89a_3d, chroma(value).alpha(0.24).hex());
- updateMultiple(settings.cg89a_4c, chroma(value).alpha(0.3).hex());
- updateMultiple(settings.cg89a_66, chroma(value).alpha(0.4).hex());
- updateMultiple(settings.cg89a_7f, chroma(value).alpha(0.5).hex());
+export function orangeBright(color) {
+ updateMultiple(settings.cg28_3d1300, chroma(color).darken(3.3).hex());
+ updateMultiple(settings.cg39_5a1e02, chroma(color).darken(3.0).hex());
+ updateMultiple(settings.cg47_762d0a, chroma(color).darken(2.1).hex());
+ updateMultiple(settings.cg57_9b4215, chroma(color).darken(1.8).hex());
+ updateMultiple(settings.cg69_bd561d, chroma(color).darken(1.5).hex());
+ updateMultiple(settings.cg78_db6d28, chroma(color).darken(1.2).hex());
+ updateMultiple(settings.cg83_f0883e, chroma(color).darken(0.9).hex());
+ updateMultiple(settings.cg97_ffa657, chroma(color).darken(0.6).hex());
+ updateMultiple(settings.cg101_ffc680, chroma(color).darken(0.3).hex());
+ updateMultiple(settings.cg105_ffdfb6, chroma(color).hex());
}
-function setCG106(value) {
- updateMultiple(settings.cg106a_0c, chroma(value).alpha(0.05).hex());
- updateMultiple(settings.cg106a_19, chroma(value).alpha(0.1).hex());
- updateMultiple(settings.cg106a_33, chroma(value).alpha(0.2).hex());
- updateMultiple(settings.cg106a_7f, chroma(value).alpha(0.5).hex());
- updateMultiple(settings.cg106a_b2, chroma(value).alpha(0.7).hex());
+export function redBright(color) {
+ updateMultiple(settings.cg33_490202, chroma(color).darken(3.3).hex());
+ updateMultiple(settings.cg43_67060c, chroma(color).darken(3.0).hex());
+ updateMultiple(settings.cg56_8e1519, chroma(color).darken(2.1).hex());
+ updateMultiple(settings.cg66_b62324, chroma(color).darken(1.8).hex());
+ updateMultiple(settings.cg76_da3633, chroma(color).darken(1.5).hex());
+ updateMultiple(settings.cg89_f85149, chroma(color).darken(1.2).hex());
+ updateMultiple(settings.cg93_ff7b72, chroma(color).darken(0.9).hex());
+ updateMultiple(settings.cg95_ffa198, chroma(color).darken(0.6).hex());
+ updateMultiple(settings.cg99_ffc1ba, chroma(color).darken(0.3).hex());
+ updateMultiple(settings.cg103_ffdcd7, chroma(color).hex());
}
-export function updateOpacity() {
- pintGetUpdate(settings.cg1_000000[0], setCG1);
- pintGetUpdate(settings.cg3_010409[0], setCG3);
- pintGetUpdate(settings.cg8_0d1117[0], setCG8);
- pintGetUpdate(settings.cg13_161b22[0], setCG13);
- pintGetUpdate(settings.cg15_1b1f230a[0], setCG15);
- pintGetUpdate(settings.cg16_1f6feb[0], setCG16);
- pintGetUpdate(settings.cg18_238636[0], setCG18);
- pintGetUpdate(settings.cg21_2ea043[0], setCG21);
- pintGetUpdate(settings.cg22_30363d[0], setCG22);
- pintGetUpdate(settings.cg24_388bfd[0], setCG24);
- pintGetUpdate(settings.cg29_3fb950[0], setCG29);
- pintGetUpdate(settings.cg38_58a6ff[0], setCG38);
- pintGetUpdate(settings.cg46_6e7681[0], setCG46);
- pintGetUpdate(settings.cg60_a371f7[0], setCG60);
- pintGetUpdate(settings.cg64_b1bac4[0], setCG64);
- pintGetUpdate(settings.cg67_bb8009[0], setCG67);
- pintGetUpdate(settings.cg74_d29922[0], setCG74);
- pintGetUpdate(settings.cg76_da3633[0], setCG76);
- pintGetUpdate(settings.cg77_db61a2[0], setCG77);
- pintGetUpdate(settings.cg78_db6d28[0], setCG78);
- pintGetUpdate(settings.cg84_f0f6fc[0], setCG84);
- pintGetUpdate(settings.cg89_f85149[0], setCG89);
- pintGetUpdate(settings.cg106_ffffff[0], setCG106);
+export function purpleBright(color) {
+ updateMultiple(settings.cg20_271052, chroma(color).darken(3.3).hex());
+ updateMultiple(settings.cg27_3c1e70, chroma(color).darken(3.0).hex());
+ updateMultiple(settings.cg35_553098, chroma(color).darken(2.1).hex());
+ updateMultiple(settings.cg45_6e40c9, chroma(color).darken(1.8).hex());
+ updateMultiple(settings.cg54_8957e5, chroma(color).darken(1.5).hex());
+ updateMultiple(settings.cg60_a371f7, chroma(color).darken(1.2).hex());
+ updateMultiple(settings.cg68_bc8cff, chroma(color).darken(0.9).hex());
+ updateMultiple(settings.cg75_d2a8ff, chroma(color).darken(0.6).hex());
+ updateMultiple(settings.cg79_e2c5ff, chroma(color).darken(0.3).hex());
+ updateMultiple(settings.cg82_eddeff, chroma(color).hex());
+}
+
+export function pinkBright(color) {
+ updateMultiple(settings.cg30_42062a, chroma(color).darken(3.3).hex());
+ updateMultiple(settings.cg40_5e103e, chroma(color).darken(3.0).hex());
+ updateMultiple(settings.cg50_7d2457, chroma(color).darken(2.1).hex());
+ updateMultiple(settings.cg58_9e3670, chroma(color).darken(1.8).hex());
+ updateMultiple(settings.cg70_bf4b8a, chroma(color).darken(1.5).hex());
+ updateMultiple(settings.cg77_db61a2, chroma(color).darken(1.2).hex());
+ updateMultiple(settings.cg87_f778ba, chroma(color).darken(0.9).hex());
+ updateMultiple(settings.cg94_ff9bce, chroma(color).darken(0.6).hex());
+ updateMultiple(settings.cg98_ffbedd, chroma(color).darken(0.3).hex());
+ updateMultiple(settings.cg102_ffdaec, chroma(color).hex());
+}
+
+export function coralBright(color) {
+ updateMultiple(settings.cg31_460701, chroma(color).darken(3.3).hex());
+ updateMultiple(settings.cg42_640D04, chroma(color).darken(3.0).hex());
+ updateMultiple(settings.cg53_872012, chroma(color).darken(2.1).hex());
+ updateMultiple(settings.cg62_AC3220, chroma(color).darken(1.8).hex());
+ updateMultiple(settings.cg73_CF462D, chroma(color).darken(1.5).hex());
+ updateMultiple(settings.cg81_EA6045, chroma(color).darken(1.2).hex());
+ updateMultiple(settings.cg88_F78166, chroma(color).darken(0.9).hex());
+ updateMultiple(settings.cg96_FFA28B, chroma(color).darken(0.6).hex());
+ updateMultiple(settings.cg100_FFC2B2, chroma(color).darken(0.3).hex());
+ updateMultiple(settings.cg105_ffdfb6, chroma(color).hex());
+}
+
+export function calendarBright(color) {
+ updateMultiple(settings.cg26_39d353, chroma(color).hex());
+ updateMultiple(settings.cg19_26a641, chroma(color).darken(0.5).hex());
+ updateMultiple(settings.cg2_006d32, chroma(color).darken(1.2).hex());
+ updateMultiple(settings.cg10_0e4429, chroma(color).darken(2.5).hex());
+}
+
+export function updateAccent(color) {
+ calendarBright(color);
+ if (/^\d/.test(color.slice(-4))) {
+ blueBright(color);
+ greenBright(color);
+ yellowBright(color);
+ } else {
+ blue(color);
+ green(color);
+ yellow(color);
+ }
+}
+
+export default function updateScale(color) {
+ /^\d/.test(color.slice(-4)) ? updateAll(color) : updateAllBright(color);
}
diff --git a/src/methods/quickScheme.js b/src/methods/quickScheme.js
deleted file mode 100644
index f78eeb1..0000000
--- a/src/methods/quickScheme.js
+++ /dev/null
@@ -1,242 +0,0 @@
-// background
-
-export var ScaleBlack = [
- "__color_checks_bg",
- "__color_switch_track_bg",
- "__color_canvas_inset",
- "__color_shadow_medium",
- "__color_shadow_large",
- "__color_shadow_extra_large",
- "__color_scale_black",
-];
-
-export var BG9 = [
- "__color_page_header_bg",
- "__color_codemirror_bg",
- "__color_codemirror_gutters_bg",
- "__color_codemirror_guttermarker_text",
- "__color_codemirror_lines_bg",
- "_color_codemirror_lines_bg",
- "__color_checks_ans_Iblack",
- "__color_project_header_bg",
- "__color_avatar_child_shadow",
- "__color_header_search_bg",
- "__color_btn_outline_disabled_bg",
- "__color_btn_danger_disabled_bg",
- "__color_canvas_default",
- "__color_scale_gray_9",
-];
-
-export var BG8 = [
- "__color_checks_input_bg",
- "__color_checks_dropdown_bg",
- "__color_checks_step_header_open_bg",
- "__color_checks_ans_Iblack_bright",
- "__color_project_sidebar_bg",
- "__color_project_gradient_in",
- "__color_header_bg",
- "__color_menu_bg_active",
- "__color_btn_selected_bg",
- "__color_canvas_overlay",
- "__color_canvas_subtle",
- "__color_scale_gray_8",
-];
-
-export var BG7 = [
- "__color_checks_header_border",
- "__color_avatar_stack_fade_more",
- "__color_sidenav_selected_bg",
- "__color_timeline_badge_bg",
- "__color_btn_bg",
- "__color_btn_focus_bg",
- "__color_border_muted",
- "__color_scale_gray_7",
-];
-
-export var BG6 = [
- "__color_checks_dropdown_border",
- "__color_avatar_stack_fade",
- "__color_overlay_shadow",
- "__color_header_search_border",
- "__color_btn_hover_bg",
- "__color_btn_counter_bg",
- "__color_btn_outline_hover_bg",
- "__color_border_default",
- "__color_scale_gray_6",
-];
-
-export var BG5 = [
- "__color_prettylights_syntax_sublimelinter_gutter_mark",
- "__color_select_menu_backdrop_border",
- "__color_ans_Iblack",
- "__color_switch_knob_checked_disabled_bg",
- "__color_primer_fg_disabled",
- "__color_scale_gray_5",
-];
-
-export var BG4 = [
- "__color_codemirror_guttermarker_subtle_text",
- "__color_checks_input_placeholder_text",
- "__color_checks_line_num_text",
- "__color_checks_line_timestamp_text",
- "__color_checks_logline_num_text",
- "__color_checks_logline_error_num_text",
- "__color_checks_ans_Igray",
- "__color_ans_Iblack_bright",
- "__color_ans_Igray",
- "__color_btn_active_border",
- "__color_underlinenav_icon",
- "__color_switch_track_border",
- "__color_fg_subtle",
- "__color_neutral_emphasis_plus",
- "__color_neutral_emphasis",
- "__color_scale_gray_4",
-];
-
-export var BG3 = [
- "__color_diff_blob_expander_icon",
- "__color_prettylights_syntax_comment",
- "__color_prettylights_syntax_brackethighlighter_angle",
- "__color_codemirror_linenumber_text",
- "__color_codemirror_syntax_comment",
- "__color_checks_text_secondary",
- "__color_checks_btn_icon",
- "__color_checks_input_text",
- "__color_checks_donut_neutral",
- "__color_checks_header_label_text",
- "__color_checks_header_icon",
- "__color_checks_line_text",
- "__color_checks_gate_text",
- "__color_checks_logline_text",
- "__color_checks_logline_error_text",
- "__color_checks_logline_warning_text",
- "__color_header_divider",
- "__color_btn_hover_border",
- "__color_btn_focus_border",
- "__color_fg_muted",
- "__color_scale_gray_3",
-];
-
-export var BG2 = [
- "__color_checks_ans_Iwhite",
- "__color_checks_ans_Iwhite_bright",
- "__color_ans_Iwhite",
- "__color_scale_gray_2",
-];
-
-export var BG1 = [
- "__color_diff_blob_addition_num_text",
- "__color_diff_blob_addition_fg",
- "__color_diff_blob_deletion_num_text",
- "__color_diff_blob_deletion_fg",
- "__color_prettylights_syntax_storage_modifier_import",
- "__color_prettylights_syntax_markup_italic",
- "__color_prettylights_syntax_markup_bold",
- "__color_prettylights_syntax_markup_ignored_text",
- "__color_codemirror_text",
- "__color_codemirror_cursor",
- "__color_codemirror_matchingbracket_text",
- "__color_checks_text_primary",
- "__color_checks_btn_hover_icon",
- "__color_checks_input_focus_text",
- "__color_checks_dropdown_text",
- "__color_checks_dropdown_hover_text",
- "__color_checks_dropdown_btn_hover_text",
- "__color_checks_header_label_open_text",
- "__color_btn_text",
- "__color_fg_default",
- "__color_scale_gray_1",
-];
-
-export var BG0 = [
- "__color_prettylights_syntax_invalid_illegal_text",
- "__color_prettylights_syntax_carriage_return_text",
- "__color_header_logo",
- "__color_scale_gray_0",
-];
-
-// possibly text color/icon?
-
-export var ScaleWhite = [
- "__color_checks_line_dt_fm_text",
- "__color_ans_Iwhite_bright",
- "__color_btn_primary_text",
- "__color_btn_primary_icon",
- "__color_btn_outline_selected_text",
- "__color_btn_danger_hover_text",
- "__color_btn_danger_hover_icon",
- "__color_btn_danger_selected_text",
- "__color_fg_on_emphasis",
- "__color_scale_white",
-];
-
-// text color
-
-export var TextColor = [
- "__color_scale_coral_9",
- "__color_primer_fg_disabled",
- "__color_fg_subtle",
- "__color_fg_muted",
- "__color_diff_blob_addition_fg",
- "__color_diff_blob_deletion_fg",
- "__color_fg_default",
- "__color_fg_on_emphasis",
-];
-
-// accents
-
-// // blue_1
-// __color_prettylights_syntax_string
-// __color_prettylights_syntax_constant_other_reference_link
-// __color_codemirror_syntax_string
-// __color_scale_blue_1
-
-// // blue 2
-// __color_marketing_icon_primary
-// __color_prettylights_syntax_constant
-// __color_codemirror_syntax_constant
-// __color_codemirror_syntax_support
-// __color_checks_ans_Iblue_bright
-// __color_ans_Iblue_bright
-// __color_scale_blue_2
-
-// //blue 3
-// __color_checks_text_link
-// __color_checks_line_selected_num_text
-// __color_checks_logline_command_text
-// __color_checks_ans_Iblue
-// __color_ans_Iblue
-// __color_btn_outline_text
-// __color_btn_outline_hover_text
-// __color_switch_track_checked_border
-// __color_accent_fg
-// __color_scale_blue_3
-
-// // blue 5
-// __color_marketing_icon_secondary
-// __color_prettylights_syntax_markup_heading
-// __color_switch_knob_checked_bg
-// __color_accent_emphasis
-// __color_scale_blue_5
-
-// // blue 6
-// __color_prettylights_syntax_markup_ignored_bg
-// __color_scale_blue_6
-
-// // blue 7
-// __color_btn_outline_selected_bg
-// __color_scale_blue_7
-
-// // blue 8
-// __color_select_menu_tap_focus_bg
-// __color_primer_shadow_focus
-// __color_scale_blue_8
-
-// // red 3
-// __color_scale_red_3
-// __color_action_list_item_danger_hover_text
-// __color_btn_danger_selected_border
-// __color_ans_Ired
-// __color_codemirror_syntax_keyword
-// __color_codemirror_syntax_storage
-// __color_prettylights_syntax_keyword
diff --git a/src/methods/schemeGen.js b/src/methods/schemeGen.js
deleted file mode 100644
index 64ebfef..0000000
--- a/src/methods/schemeGen.js
+++ /dev/null
@@ -1,109 +0,0 @@
-/*global chrome*/
-import chroma from "chroma-js";
-
-import * as settings from "./config/colorGroups.js";
-import { updateOpacity } from "./helpers/opacityHelper.js";
-import { pintSetNoReload, updateMultiple } from "./helpers/storageHelper.js";
-import * as qs from "./quickScheme.js";
-
-// function to convert hex to rgb
-export function hexToRgb(hex) {
- var takenResult = hex;
- var result = takenResult.replace(/#/g, "").match(/.{1,2}/g);
- return result
- ? {
- r: parseInt(result[0], 16),
- g: parseInt(result[1], 16),
- b: parseInt(result[2], 16),
- }
- : null;
-}
-
-// function to convert rgb to hex
-export function rgbToHex(r, g, b) {
- return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
-}
-
-export function rgba2hex(orig) {
- var a,
- rgb = orig
- .replace(/\s/g, "")
- .match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i),
- alpha = ((rgb && rgb[4]) || "").trim(),
- hex = rgb
- ? (rgb[1] | (1 << 8)).toString(16).slice(1) +
- (rgb[2] | (1 << 8)).toString(16).slice(1) +
- (rgb[3] | (1 << 8)).toString(16).slice(1)
- : orig;
-
- if (alpha !== "") {
- a = alpha;
- } else {
- a = 1;
- }
- // multiply before convert to HEX
- a = ((a * 255) | (1 << 8)).toString(16).slice(1);
- hex = hex + a;
-
- return hex;
-}
-
-// generate array of hex color gradients given a single hex color
-export function generateHexGradients(hex) {
- var rgb = hexToRgb(hex);
- var hexGradients = [];
- for (var i = 0; i < 6; i++) {
- var r = rgb.r - i * 10;
- var g = rgb.g - i * 10;
- var b = rgb.b - i * 10;
- hexGradients.push(rgbToHex(r, g, b));
- }
- return hexGradients;
-}
-
-export function generateAccent(hex, modifier) {
- var rgb = hexToRgb(hex);
- var r = rgb.r - modifier;
- var b = rgb.b - modifier;
- var g = rgb.g - modifier;
- return rgbToHex(r, g, b);
-}
-
-export function updateViaQuickScheme(color) {
- var gradient = generateHexGradients(color);
- pintSetNoReload("__color_calendar_graph_day_L4_bg", `${gradient[0]}ff`);
- pintSetNoReload("__color_calendar_graph_day_L3_bg", `${gradient[0]}c5`);
- pintSetNoReload("__color_calendar_graph_day_L2_bg", `${gradient[0]}8a`);
- pintSetNoReload("__color_calendar_graph_day_L1_bg", `${gradient[0]}54`);
- pintSetNoReload("__color_accent_emphasis", gradient[4]);
- pintSetNoReload("__color_btn_primary_bg", gradient[5]);
- pintSetNoReload("__color_btn_primary_hover_bg", gradient[4]);
- pintSetNoReload("__color_btn_primary_active_bg", gradient[4]);
- pintSetNoReload("__color_btn_primary_focus_bg", gradient[4]);
- pintSetNoReload("__color_btn_primary_disabled_bg", gradient[4]);
- chrome.tabs.reload();
-}
-
-export function bgGen(color) {
- updateMultiple(settings.cg3_010409, chroma(color).darken(0.1).hex());
- updateMultiple(settings.cg8_0d1117, chroma(color).hex());
- updateMultiple(settings.cg13_161b22, chroma(color).brighten(0.3).hex());
- updateMultiple(settings.cg17_21262d, chroma(color).brighten(0.6).hex());
- updateMultiple(settings.cg22_30363d, chroma(color).brighten(0.9).hex());
- updateMultiple(settings.cg32_484f58, chroma(color).brighten(1.2).hex());
- updateMultiple(settings.cg46_6e7681, chroma(color).brighten(1.5).hex());
- updateMultiple(settings.cg55_8b949e, chroma(color).brighten(1.8).hex());
- updateMultiple(settings.cg64_b1bac4, chroma(color).brighten(2.1).hex());
- updateMultiple(settings.cg71_c9d1d9, chroma(color).brighten(2.4).hex());
- updateMultiple(settings.cg84_f0f6fc, chroma(color).brighten(2.7).hex());
- updateMultiple(settings.cg106_ffffff, chroma(color).brighten(3.0).hex());
- updateOpacity();
- chrome.tabs.reload();
-}
-
-export function updateText(color) {
- updateMultiple(qs.TextColor, color);
- chrome.tabs.reload();
-}
-
-export function accentGen(color) {}
diff --git a/src/views/Options.tsx b/src/views/Options.tsx
index cd9b829..b5df974 100644
--- a/src/views/Options.tsx
+++ b/src/views/Options.tsx
@@ -8,7 +8,7 @@ import ChangeCard from "../components/options/ChangeCard";
import react from "react";
import { RgbaColorPicker } from "react-colorful";
import CardTitle from "../components/global/CardTitle";
-import { rgba2hex } from "../methods/schemeGen";
+import chroma from "chroma-js";
var settingsList = Object.keys(settings);
@@ -17,11 +17,12 @@ var stringifiedColor = `rgba(${defaultValue.r},${defaultValue.g},${defaultValue.
export default function Options() {
const [color, setColor] = react.useState(defaultValue);
- const [hexColor, setHexColor] = react.useState();
+ const [hexColor, setHexColor] = react.useState(
+ chroma(stringifiedColor).hex()
+ );
react.useLayoutEffect(() => {
- stringifiedColor = `rgba(${color.r},${color.g},${color.b},${color.a})`;
- setHexColor(rgba2hex(stringifiedColor));
+ setHexColor(chroma(stringifiedColor).hex());
});
return (