-
-
Notifications
You must be signed in to change notification settings - Fork 168
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
c26d7ca
commit 4e42e2b
Showing
3 changed files
with
69 additions
and
279 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,94 +1,22 @@ | ||
| /* WIP, not implemented due to volatile excalidraw updates | ||
| .theme-light .excalidraw.excalidraw-container:not(.theme--dark), | ||
| .theme-dark .excalidraw.excalidraw-container.theme--dark { | ||
| --button-destructive-bg-color: #ffe3e3; | ||
| --button-destructive-color: #c92a2a; | ||
| --button-gray-1: #e9ecef; | ||
| --button-gray-2: #ced4da; | ||
| --button-gray-3: #adb5bd; | ||
| --button-special-active-bg-color: #ebfbee; | ||
| --dialog-border-color: var(--color-gray-20); | ||
| --dropdown-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"292.4\" height=\"292.4\" viewBox=\"0 0 292 292\"><path d=\"M287 197L159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z\"/></svg>"); | ||
| --focus-highlight-color: #a5d8ff; | ||
| --icon-fill-color: var(--color-gray-80); | ||
| --icon-green-fill-color: #2b8a3e; | ||
| --default-bg-color: #ffffff; | ||
| --input-bg-color: #ffffff; | ||
| --input-border-color: #ced4da; | ||
| --input-hover-bg-color: #f1f3f5; | ||
| --input-label-color: #495057; | ||
| --island-bg-color: rgba(255, 255, 255, 0.96); | ||
| --keybinding-color: var(--color-gray-40); | ||
| --link-color: #1c7ed6; | ||
| --overlay-bg-color: rgba(255, 255, 255, 0.88); | ||
| --popup-bg-color: #ffffff; | ||
| --popup-secondary-bg-color: #f1f3f5; | ||
| --popup-text-color: #000000; | ||
| --popup-text-inverted-color: #ffffff; | ||
| --select-highlight-color: #339af0; | ||
| --shadow-island: 0px 7px 14px rgba(0, 0, 0, 0.05), 0px 0px 3.12708px rgba(0, 0, 0, 0.0798), 0px 0px 0.931014px rgba(0, 0, 0, 0.1702); | ||
| --button-hover-bg: var(--color-gray-10); | ||
| --default-border-color: var(--color-gray-30); | ||
| --default-button-size: 2rem; | ||
| --default-icon-size: 1rem; | ||
| --lg-button-size: 2.25rem; | ||
| --lg-icon-size: 1rem; | ||
| --editor-container-padding: 1rem; | ||
| --scrollbar-thumb: var(--button-gray-2); | ||
| --scrollbar-thumb-hover: var(--button-gray-3); | ||
| --modal-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802); | ||
| --avatar-border-color: var(--color-gray-20); | ||
| --sidebar-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802); | ||
| --sidebar-border-color: var(--color-gray-20); | ||
| --sidebar-bg-color: #fff; | ||
| --library-dropdown-shadow: 0px 15px 6px rgba(0, 0, 0, 0.01), 0px 8px 5px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.09), 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1); | ||
| --space-factor: 0.25rem; | ||
| --text-primary-color: var(--color-gray-80); | ||
| --color-selection: var(--color-accent); | ||
| --color-icon-white: #ffffff; | ||
| --color-primary: var(--color-accent) !important; | ||
| --color-primary-darker: color-mix(in hsl, var(--color-accent), #000000, 70%) !important; | ||
| --color-primary-darkest: color-mix(in hsl, var(--color-accent), #000000) !important; | ||
| --color-primary-light: color-mix(in hsl, var(--color-accent), #FFFFFF) !important; | ||
| --color-primary-light-darker: color-mix(in hsl, var(--color-accent), var(--color-primary)) !important; | ||
| --color-gray-10: #f5f5f5; | ||
| --color-gray-20: #ebebeb; | ||
| --color-gray-30: #d6d6d6; | ||
| --color-gray-40: #b8b8b8; | ||
| --color-gray-50: #999999; | ||
| --color-gray-60: #7a7a7a; | ||
| --color-gray-70: #5c5c5c; | ||
| --color-gray-80: #3d3d3d; | ||
| --color-gray-85: #242424; | ||
| --color-gray-90: #1e1e1e; | ||
| --color-gray-100: #121212; | ||
| --color-warning: #fceeca; | ||
| --color-warning-dark: #f5c354; | ||
| --color-warning-darker: #f3ab2c; | ||
| --color-warning-darkest: #ec8b14; | ||
| --color-text-warning: var(--text-primary-color); | ||
| --color-danger: #db6965; | ||
| --color-danger-dark: #db6965; | ||
| --color-danger-darker: #d65550; | ||
| --color-danger-darkest: #d1413c; | ||
| --color-danger-text: black; | ||
| --color-danger-background: #fff0f0; | ||
| --color-danger-icon-background: #ffdad6; | ||
| --color-danger-color: #700000; | ||
| --color-danger-icon-color: #700000; | ||
| --color-warning-background: var(--color-warning); | ||
| --color-warning-icon-background: var(--color-warning-dark); | ||
| --color-warning-color: var(--text-primary-color); | ||
| --color-warning-icon-color: var(--text-primary-color); | ||
| --color-muted: var(--color-gray-30); | ||
| --color-muted-darker: var(--color-gray-60); | ||
| --color-muted-darkest: var(--color-gray-100); | ||
| --color-muted-background: var(--color-gray-80); | ||
| --color-muted-background-darker: var(--color-gray-100); | ||
| --color-promo: #e70078; | ||
| --color-success: #268029; | ||
| --color-success-lighter: #cafccc; | ||
| --border-radius-md: 0.375rem; | ||
| --border-radius-lg: 0.5rem; | ||
| /* Extremely WIP excalidraw support | ||
| * Excalidraw, quite frankly, has extremely inconsistent styling and theming. | ||
| * This file will be removed if it's determined that excalidraw is not capable of being consistently themed. | ||
| **/ | ||
| .excalidraw.theme--dark { | ||
| --island-bg-color: rgb(var(--ctp-base)); | ||
| --color-primary-darkest: rgb(var(--ctp-accent)); | ||
| --color-surface-high: rgba(var(--ctp-surface2), 0.4); | ||
| --color-surface-low: rgb(var(--ctp-base)); | ||
| --color-on-surface: rgb(var(--ctp-text)); | ||
| --color-brand-hover: rgb(var(--ctp-base)); | ||
| --color-surface-primary-container: rgb(var(--ctp-accent)); | ||
| --color-on-primary-container: rgb(var(--ctp-base)); | ||
| } | ||
| .excalidraw .buttonList .zIndexButton.active, | ||
| .excalidraw .buttonList button.active, | ||
| .excalidraw .buttonList label.active { | ||
| --icon-fill-color: rgb(var(--ctp-base)); | ||
| } | ||
| .excalidraw.theme--dark.excalidraw .App-menu__left { | ||
| --button-hover-bg: rgba(var(--ctp-surface2), 0.6) !important; | ||
| } | ||
| */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters