mirror of
https://github.com/ryanamay/pint.git
synced 2024-09-20 01:50:34 +00:00
pr #24 various improvements
This commit is contained in:
Jariel Que
GitHub
commit
3aa3233296
8 changed files with 1422 additions and 1046 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
32
src/assets/styles/RC.css
Normal file
32
src/assets/styles/RC.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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() {
|
|||
/>
|
||||
</div>
|
||||
<div className="flex justify-content p-1">
|
||||
<HexColorPicker color={color} onChange={setColor} />
|
||||
<HexColorPicker
|
||||
className="custom-layout"
|
||||
color={color}
|
||||
onChange={setColor}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-grow flex-col rounded-lg m-1 p-1 bg-white">
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
];
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -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
|
||||
|
|
@ -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) {}
|
||||
|
|
@ -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 (
|
||||
|
|
|
|||
Loading…
Reference in a new issue