Hey there @Mlamalerie !! I hope I’m not too late – you can get these settings by downloading the plugin, “Style Settings”. Once you download it, go back to the Settings window and under Community Plugin → Style Settings.
There you should see the dropdown called, Primary Theme Settings.
Hope this helps!!
Hey Primary Users 
!! I just pushed an update for v.1.4.8.
Sorry I’ve not updated the theme for some time! I just got really busy working on another project. I’m back on having more time and I’m planning to roll out bigger features for Primary, especially alternative color schemes, fully customizing the Primary’s color palette, and bringing Primary to other apps. Thank you so much for your patience!! 
Scale Obsidian’s text size on scroll (Toggle it on through Style Settings) [BETA] #43
Note: I haven’t fully implemented this feature and you might find some UI elements not resizing on scroll. I need your help to polish this! If you find parts that aren’t resizing, please post an issue so that on the next update I can fix them.
Added Variations for Alt CheckboxesAdded ones missing from Minimal’s alt checkboxes list by kepano. Also added some new ones like medical, measurement, translation, clock, tags, etc.
Added Checkbox Styling Options #120
Choose from 4 style: Original, Squircle, Square, Circle. You also have the option to change background color for the checked checkboxes. Note: Some checkboxes, especially ones with bigger/details icons might not acquire your preferred style for visibility purposes.
Added Variation for Callouts
Added Full-sized Floating Dock #105
Hi Cecilia, I love your theme so much, it’s what has gotten me back into using Obsidian, as I didn’t find any of the themes before warm or cozy enough. Am I able to use the colours on my own personal website with credit? Also, I eagerly await your VSCode port and even though I’ve not worked on a theme before can’t wait for public contribs to be open
Thanks, Cecilia. Your Primary theme helps me slog through long work days, during which I’m almost constantly in Obsidian. I wish the UIs of the other apps that I need to use showed such genuine care and experience in their choice of colors, as the palette you chose makes Obsidian a haven from other light (always white or gray), dark (always black or dark gray), and even solarized themes. I also appreciate the polish, all of the small touches, in Primary.
First of all thank you very much for this incredible theme that you have made. I love the level of customization that can be done. Now I have come across a little problem, when I want to modify the H2 header border width it doesn’t work.
Hi Cecilia! Thank you for the update!
What do you think about theme system overhaul in 0.16? How hard will it be to update Primary? I guess I’ll disable auto updates of Obsidian until Primary is compatible with the new system 
I’m not updating to 16 until Primary gets updated. I love this theme so much.
Issues with Primary for Obsidian 0.16
Primary is currently unusable for Obsidian 0.16. If you want to keep using Primary for at least until end of September, I recommend opting out of the 0.16 update for now.
The way Primary was built is essentially it is a bunch of band-aid code put on top of the previous Obsidian Default theme. This is pretty much how other themes are made. The level of detail and adjustments I did for Primary was a lot which is why the lot of it is currently broken. Some scrolling, a lot of the workspace customizable features, etc. are all broken. A lot has to be rebuilt.
If you didn’t know I am also the designer+developer of LYT Mode, and because Nick will need the update soon, that has to come first!
There are other priorities in the bag too (all related to Primary - but outside Obsidian - cool stuff coming up!!!) so my goal is to get Primary rebuilt for 0.16 onwards by 3rd week to end of September at most.
Thank you so much for all your patience!!! I promise it will all be worth it
@Dionos - this and other customizations will be fixed once I rebuild Primary for the 0.16 update.
Thought I’d share my Nvim color scheme based on Primary here 
I just made it for myself, since I like keeping having one color scheme for my stuff, but there might be other Primary fans out there using Nvim!
Looking forward to the 0.16 update!
This theme is beautiful and I really want to use it, but the contrast is just too low. I’d love to see a higher-contrast setting. It doesn’t need to be extreme, but something close to WCAG guidelines would be much more pleasant to use.
yes pls, would like a sharper text option. everything is too dim now
I try every theme avaiable in community theme tab, but in overall nothing please my eyes like Primary theme. I make change on some option via styles setting plugin to suit my taste:
We are eagerly awaiting the Primary update for 0.16. I’m holding off on updating Obsidian until Primary is ready.
I understand, of course, that it takes a lot of time to rebuild everything. But would be great to hear about your progress.
Hey there @luke85 !!
I’m currently creating design mockups for 0.16! I’ve been busy for other things surrounding Primary too since I was tasked to bring it to Thunderbird. It might take a bit longer since I’m juggling a lot of things and I really apologize for that! But know that I’ve started working on it and is on the way. My aim to get it done within October. By then I think the new features for both Desktop and Mobile would’ve slightly stabilized and matured and it’d be easier on my end too.
Thank you so so much for patience and I apologize for any inconvenience!!
Obsidian 1.0 is here and I haven’t tried updating anything yet but I am sure that the theme will be broken
Try your best to support the new features please cause I adore this theme - until then I will use the default obsidian theme or a theme that has been updated for this update but still please try updating the Primary theme as quick as possible!
I switched to using the Default theme, but added this as a CSS snippet under Settings > Appearance:
.theme-dark {
--background-primary: var(--color-d-gray-70);
--background-primary-alt: var(--color-d-gray-90);
--background-secondary: var(--color-d-black);
--background-secondary-alt: var(--color-d-black);
--text-normal: var(--color-d-white);
--text-muted: var(--color-d-gray-20);
--text-faint: var(--color-d-gray-30);
--text-accent: var(--color-d-yellow-500);
--text-accent-hover:var(--color-d-yellow-300) ;
--text-error: var(--color-d-red-500);
--text-error-hover: var(--color-d-red-300);
--text-highlight-bg: var(--color-d-highlight-yellow);
--text-highlight-bg-active: var(--color-d-highlight-yellow);
--highlight-mix-blend-mode: lighten;
--text-selection: var(--color-d-gray-50);
--text-on-accent: var(--color-d-white);
--interactive-hover: var(--color-d-gray-60);
--interactive-accent: var(--color-d-gray-40);
--interactive-accent-rgb: 92, 78, 61;
--interactive-accent-hover: var(--color-d-gray-50);
--interactive-success: var(--color-d-green-700);
--color-d-whiter: hsl(33, 66%, 90%);
--color-d-white: hsl(34, 50%, 80%);
--color-d-gray: var(--color-d-gray-50);
--color-d-gray-10: hsl(34, 18%, 62%);
--color-d-gray-20: hsl(35, 27%, 55%);
--color-d-gray-30: hsl(34, 24%, 30%);
--color-d-gray-40: hsl(33, 22%, 30%);
--color-d-gray-50: hsl(33, 20%, 20%);
--color-d-gray-60: hsl(30, 19%, 17%);
--color-d-gray-70: hsl(27, 14%, 15%);
--color-d-gray-80: hsl(32, 19%, 13%);
--color-d-gray-90: hsl(30, 15%, 13%);
--color-d-gray-100: hsl(30, 20%, 8%);
--color-d-black: hsl(27, 15%, 12%);
--color-d-blacker: hsl(26, 16%, 9%);
--color-d-shadow-10: rgba(29, 21, 13, 0.45);
--color-d-shadow-50: rgba(29, 26, 22, 0.75);
--color-d-shadow-100: rgba(19, 16, 13, 0.95);
--color-d-shadow-cover: rgba(37, 34, 29, 0.74);
--color-d-yellow: var(--color-d-yellow-500);
--color-d-yellow-300: hsl(46, 91%, 69%);
--color-d-yellow-500: hsl(50, 100%, 46%);
--color-d-yellow-700: hsl(43, 100%, 42%);
--color-d-yellow-900: hsl(39, 92%, 33%);
--color-d-yellow-a: hsl(43, 75%, 52%);
--color-d-red: var(--color-d-red-500);
--color-d-red-300: hsl(4, 100%, 68%);
--color-d-red-500: hsl(4, 65%, 60%);
--color-d-red-700: hsl(4, 90%, 61%);
--color-d-red-900: hsl(4, 77%, 38%);
--color-d-red-a: hsl(4, 61%, 53%);
--color-d-blue: var(--color-d-blue-500);
--color-d-blue-300: hsl(198, 39%, 56%);
--color-d-blue-500: hsl(198, 62%, 57%);
--color-d-blue-700: hsl(198, 57%, 55%);
--color-d-blue-900: hsl(198, 75%, 35%);
--color-d-blue-a: hsl(197, 58%, 48%);
--color-d-orange: var(--color-d-orange-500);
--color-d-orange-300: hsl(22, 92%, 64%);
--color-d-orange-500: hsl(22, 92%, 57%);
--color-d-orange-700: hsl(21, 88%, 51%);
--color-d-orange-900: hsl(20, 80%, 41%);
--color-d-orange-a: hsl(27, 77%, 51%);
--color-d-green: var(--color-d-green-500);
--color-d-green-300: hsl(150, 66%, 53%);
--color-d-green-500: hsl(154, 52%, 46%);
--color-d-green-700: hsl(154, 61%, 39%);
--color-d-green-900: hsl(155, 81%, 24%);
--color-d-green-a: hsl(96, 50%, 49%);
--color-d-violet: var(--color-d-violet-500);
--color-d-violet-300: hsl(256, 63%, 74%);
--color-d-violet-500: hsl(263, 60%, 67%);
--color-d-violet-700: hsl(256, 52%, 57%);
--color-d-violet-900: hsl(256, 44%, 50%);
--color-d-violet-a: hsl(246, 53%, 67%);
--ui-color-highlight-text: var(--color-d-black);
--ui-color-highlight-bg: hsl(43, 61%, 56%);
--color-highlight-yellow: rgba(255, 187, 0, 0.2);
--color-highlight-red: rgba(240, 79, 106, 0.2);
--color-highlight-blue: rgba(40, 178, 194, 0.2);
--color-highlight-orange: rgba(255, 115, 0, 0.2);
--color-highlight-green: rgba(153, 189, 36, 0.2);
--color-highlight-violet: rgba(113, 122, 255, 0.2);
--md-color-text: var(--text-normal);
--md-color-text-muted: var(--text-muted);
--md-color-text-faint: var(--text-faint);
--bold-color: var(--color-d-red-700);
--italic-color: var(--color-d-blue-700);
--md-color-bolditalic: var(--color-d-whiter);
--md-color-strikethrough: var(--text-faint);
--md-color-highlight-text: var(--text-normal);
--md-color-highlight-bg: var(--color-highlight-yellow);
--md-color-bold-highlight-text: var(--text-normal);
--md-color-bold-highlight-bg: var(--color-highlight-red);
--md-color-italic-highlight-text: var(--text-normal);
--md-color-italic-highlight-bg: var(--color-highlight-blue);
--md-color-bi-highlight-text: var(--text-normal);
--md-color-bi-highlight-bg: var(--color-highlight-green);
--md-color-comment: var(--text-muted);
--md-color-footnote: var(--text-normal);
--md-color-footnote-link: var(--color-d-green-700);
--md-color-footnote-link-hover: var(--color-d-green-500);
--md-color-footnote-link-active: var(--color-d-green-900);
--md-color-reslink: var(--color-d-yellow-500);
--md-color-reslink-hover: var(--color-d-yellow-300);
--md-color-reslink-active: var(--color-d-yellow-700);
--md-color-unreslink: var(--text-muted);
--md-color-unreslink-hover: var(--color-d-yellow-500);
--md-color-unreslink-active: var(--color-d-yellow-700);
--md-color-extlink: var(--color-d-yellow-500);
--md-color-extlink-hover: var(--color-d-yellow-300);
--md-color-extlink-active: var(--color-d-yellow-700);
--md-color-blockquotes: var(--text-normal);
--md-color-blockquotes-formatting: var(--text-faint);
--md-color-blockquotes-border: var(--background-modifier-border);
--md-color-blockquotes-bg: var(--color-d-blacker);
--md-color-tag: var(--color-d-blue-700);
--md-color-tag-hover: var(--color-d-blue-300);
--md-color-tag-active: var(--color-d-blue-900);
--md-color-code-yellow-1: var(--color-d-yellow-700);
--md-color-code-yellow-2: var(--color-d-yellow-500);
--md-color-code-red-1: var(--color-d-red-500);
--md-color-code-red-2: var(--color-d-red-300);
--md-color-code-blue-1: var(--color-d-blue-300);
--md-color-code-blue-2: var(--color-d-blue-500);
--md-color-code-gray: var(--text-faint);
--md-color-code-white: var(--color-d-whiter);
--md-color-formatting: var(--color-d-gray-40);
--md-color-border: var(--background-modifier-border);
--md-embed-bg: var(--color-d-gray-90);
--md-color-bullet: var(--md-color-text-faint);
--md-find-highlight-bg: var(--color-highlight-violet);
--md-unchecked-bg-color: rgba(0, 0, 0, 0.2);
--md-unchecked-bg-color-hover: var(--color-d-gray-100);
--md-unchecked-bg-color-active: var(--color-d-gray-70);
--md-checked-bg-color: var(--color-d-green-900);
}
Now it’s the best of both worlds. I still have the great Primary colouring, but full compatibility with v1.0.0, and all the new features.
This is fantastic. Thank you for sharing. Do you have this for light theme as well?
Absolutely awesome theme! I can’t find any other that would fulfill my needs, so I am waiting for an update to the latest Obsidian version.
Also Alan G snippet is not full replacement for Primary - for example you don’t have checkbox variations (- [>] - [<] - [!] - [?] etc.).
Also Alan G snippet is not full replacement for Primary - for example you don’t have checkbox variations (- [>] - [<] - [!] - [?] etc.).
@originalmk I don’t think it’s supposed to be, it’s just a temporary fix until Cecilia drops the real update
If you copy line 363 to 591 from .obsidian/themes/Primary/theme.css into your own snippets file (eg. add obsidian.css file to .obsidian/themes directory and enable in Settings > Appearance, as mentioned by @AlanG), it will add the Primary colours for both light and dark theme if you are using the Default Obsidian theme.
Necessary code pasted below.
/*────────────────────────────────────
++++++++++++Theme Colors++++++++++++++
────────────────────────────────────*/
/*────────────────────────────────────
Light Theme
────────────────────────────────────*/
.theme-light {
/*─────────Original Obsidian Variables──────────*/
--background-primary: var(--color-l-white);
--background-primary-alt: var(--color-l-gray-10);
--background-secondary: var(--color-l-gray-20);
--background-secondary-alt: var(--color-l-gray-20);
--background-modifier-border: var(--color-l-gray-40);
--background-modifier-form-field: var(--color-l-gray-30);
--background-modifier-form-field-highlighted: var(--color-l-gray-40);
--background-modifier-box-shadow: var(--color-l-shadow-100);
--background-modifier-success: var(--color-l-green-300);
--background-modifier-error: var(--color-l-red-300);
--background-modifier-error-hover: var(--color-l-red-500);
--background-modifier-cover: var(--color-l-shadow-cover);
--text-normal: var(--color-l-black);
--text-muted: var(--color-l-gray-60);
--text-faint: var(--color-l-gray-50);
--text-accent: var(--color-l-yellow-900);
--text-accent-hover:var(--color-l-yellow-500);
--text-error: var(--color-l-red);
--text-error-hover: var(--color-l-red-900);
--text-highlight-bg: var(--color-l-highlight-yellow);
--text-highlight-bg-active: var(--color-l-highlight-yellow);
--highlight-mix-blend-mode: darken;
--text-selection: var(--color-l-gray-40);
--text-on-accent: var(--color-l-gray-10);
--interactive-hover: var(--color-l-gray-10);
--interactive-accent: var(--color-l-gray-60);
--interactive-accent-rgb: 207, 182, 150;
--interactive-accent-hover: var(--color-l-gray-70);
--interactive-success: var(--color-l-green-500);
--scrollbar-bg: transparent;
--scrollbar-thumb-bg: var(--background-modifier-border);
--scrollbar-active-thumb-bg: var(--interactive-accent);
/*──────────The PRIMARY Color Palette for Light Theme──────────*/
--color-l-whiter: hsl(36, 36%, 96.9%);
--color-l-white: hsl(35, 36%, 95%);
--color-l-gray: var(--color-l-gray-50);
--color-l-gray-10: hsl(36, 37%, 92%);
--color-l-gray-20: hsl(35, 35%, 90%);
--color-l-gray-30: hsl(34, 36%, 88%);
--color-l-gray-40: hsl(36, 37%, 83%);
--color-l-gray-50: hsl(34, 37%, 70%);
--color-l-gray-60: hsl(34, 28%, 60%);
--color-l-gray-70: hsl(31, 23%, 50%);
--color-l-gray-80: hsl(34, 27%, 40%);
--color-l-gray-90: hsl(34, 30%, 37%);
--color-l-gray-100: hsl(35, 32%, 30%);
--color-l-black: hsl(31, 45%, 20%);
--color-l-blacker: hsl(32, 55%, 12%);
--color-l-shadow-10: rgba(168, 160, 148, 0.8);
--color-l-shadow-50: rgba(180, 172, 161, 0.3);
--color-l-shadow-100: rgba(75, 70, 64, 0.2);
--color-l-shadow-cover: rgba(177, 171, 164, 0.5);
--color-l-yellow: var(--color-l-yellow-500);
--color-l-yellow-300: hsl(43, 71%, 67%);
--color-l-yellow-500: hsl(43, 78%, 52%);
--color-l-yellow-700: hsl(43, 100%, 42%);
--color-l-yellow-900: hsl(43, 89%, 38%);
--color-l-red: var(--color-l-red-500);
--color-l-red-300: hsl(4, 54%, 61%);
--color-l-red-500: hsl(4, 72%, 55%);
--color-l-red-700: hsl(4, 56%, 48%);
--color-l-red-900: hsl(4, 66%, 30%);
--color-l-blue: var(--color-l-blue-500);
--color-l-blue-300: hsl(198, 39%, 56%);
--color-l-blue-500: hsl(205, 66%, 46%);
--color-l-blue-700: hsl(205, 63%, 39%);
--color-l-blue-900: hsl(205, 95%, 25%);
--color-l-orange: var(--color-l-orange-500);
--color-l-orange-300: hsl(26, 66%, 57%);
--color-l-orange-500: hsl(21, 82%, 55%);
--color-l-orange-700: hsl(18, 69%, 50%);
--color-l-orange-900: hsl(24, 96%, 35%);
--color-l-orange-a: hsl(27, 81%, 46%);
--color-l-green: var(--color-l-green-500);
--color-l-green-300: hsl(154, 58%, 65%);
--color-l-green-500: hsl(154, 47%, 49%);
--color-l-green-700: hsl(155, 52%, 38%);
--color-l-green-900: hsl(165, 63%, 29%);
--color-l-violet: var(--color-l-violet-500);
--color-l-violet-300: hsl(270, 50%, 74%);
--color-l-violet-500: hsl(266, 31%, 57%);
--color-l-violet-700: hsl(267, 37%, 43%);
--color-l-violet-900: hsl(266, 70%, 30%);
/*~ Highlights */
--ui-color-highlight-text: var(--color-l-black);
--ui-color-highlight-bg: hsl(43, 85%, 79%);
--color-highlight-yellow: rgba(255, 187, 0, 0.2);
--color-highlight-red: rgba(240, 79, 106, 0.2);
--color-highlight-blue: rgba(40, 178, 194, 0.2);
--color-highlight-orange: rgba(255, 115, 0, 0.2);
--color-highlight-green: rgba(153, 189, 36, 0.2);
--color-highlight-violet: rgba(113, 122, 255, 0.2);
/*~ Graph View */
--graph-color-node-resolved: var(--color-l-blue-500);
--graph-color-node-unresolved: var(--color-l-yellow-500);
--graph-color-node-unresolved-opacity: 1;
--graph-color-node-tag: var(--color-l-red-500);
--graph-color-node-attachment: var(--color-l-green-300);
--graph-color-node-focused: var(--color-l-gray-80);
--graph-color-node-border-hover: var(--color-l-gray-50);
--graph-color-node-arrow: var(--color-l-gray-60);
--graph-color-node-line: var(--color-l-gray-40);
--graph-color-node-line-hover: var(--color-l-gray-50);
--graph-color-node-text: var(--color-l-black);
}
/*────────────────────────────────────
Dark Theme
────────────────────────────────────*/
.theme-dark {
/*─────────Original Obsidian Variables──────────*/
--background-primary: var(--color-d-gray-70);
--background-primary-alt: var(--color-d-gray-90);
--background-secondary: var(--color-d-black);
--background-secondary-alt: var(--color-d-black);
--background-modifier-border: var(--color-d-gray-50);
--background-modifier-form-field: var(--color-d-blacker);
--background-modifier-form-field-highlighted: var(--color-d-black);
--background-modifier-box-shadow: var(--color-d-shadow-100);
--background-modifier-success: var(--color-d-green-300);
--background-modifier-error: var(--color-d-red-500);
--background-modifier-error-hover: var(--color-d-red-700);
--background-modifier-cover: var(--color-d-shadow-cover);
--text-normal: var(--color-d-white);
--text-muted: var(--color-d-gray-20);
--text-faint: var(--color-d-gray-30);
--text-accent: var(--color-d-yellow-500);
--text-accent-hover:var(--color-d-yellow-300) ;
--text-error: var(--color-d-red-500);
--text-error-hover: var(--color-d-red-300);
--text-highlight-bg: var(--color-d-highlight-yellow);
--text-highlight-bg-active: var(--color-d-highlight-yellow);
--highlight-mix-blend-mode: lighten;
--text-selection: var(--color-d-gray-50);
--text-on-accent: var(--color-d-white);
--interactive-hover: var(--color-d-gray-60);
--interactive-accent: var(--color-d-gray-40);
--interactive-accent-rgb: 92, 78, 61;
--interactive-accent-hover: var(--color-d-gray-50);
--interactive-success: var(--color-d-green-700);
--scrollbar-bg: transparent;
--scrollbar-thumb-bg: var(--background-modifier-border);
--scrollbar-active-thumb-bg: var(--interactive-accent);
/*──────────The PRIMARY Color Palette for Dark Theme──────────*/
--color-d-whiter: hsl(33, 66%, 90%);
--color-d-white: hsl(34, 50%, 80%);
--color-d-gray: var(--color-d-gray-50);
--color-d-gray-10: hsl(34, 18%, 62%);
--color-d-gray-20: hsl(35, 27%, 55%);
--color-d-gray-30: hsl(34, 24%, 30%);
--color-d-gray-40: hsl(33, 22%, 30%);
--color-d-gray-50: hsl(33, 20%, 20%);
--color-d-gray-60: hsl(30, 19%, 17%);
--color-d-gray-70: hsl(27, 14%, 15%);
--color-d-gray-80: hsl(32, 19%, 13%);
--color-d-gray-90: hsl(30, 15%, 13%);
--color-d-gray-100: hsl(30, 20%, 8%);
--color-d-black: hsl(27, 15%, 12%);
--color-d-blacker: hsl(26, 16%, 9%);
--color-d-shadow-10: rgba(29, 21, 13, 0.45);
--color-d-shadow-50: rgba(29, 26, 22, 0.75);
--color-d-shadow-100: rgba(19, 16, 13, 0.95);
--color-d-shadow-cover: rgba(37, 34, 29, 0.74);
--color-d-yellow: var(--color-d-yellow-500);
--color-d-yellow-300: hsl(46, 91%, 69%);
--color-d-yellow-500: hsl(50, 100%, 46%);
--color-d-yellow-700: hsl(43, 100%, 42%);
--color-d-yellow-900: hsl(39, 92%, 33%);
--color-d-yellow-a: hsl(43, 75%, 52%);
--color-d-red: var(--color-d-red-500);
--color-d-red-300: hsl(4, 100%, 68%);
--color-d-red-500: hsl(4, 65%, 60%);
--color-d-red-700: hsl(4, 90%, 61%);
--color-d-red-900: hsl(4, 77%, 38%);
--color-d-red-a: hsl(4, 61%, 53%);
--color-d-blue: var(--color-d-blue-500);
--color-d-blue-300: hsl(198, 39%, 56%);
--color-d-blue-500: hsl(198, 62%, 57%);
--color-d-blue-700: hsl(198, 57%, 55%);
--color-d-blue-900: hsl(198, 75%, 35%);
--color-d-blue-a: hsl(197, 58%, 48%);
--color-d-orange: var(--color-d-orange-500);
--color-d-orange-300: hsl(22, 92%, 64%);
--color-d-orange-500: hsl(22, 92%, 57%);
--color-d-orange-700: hsl(21, 88%, 51%);
--color-d-orange-900: hsl(20, 80%, 41%);
--color-d-orange-a: hsl(27, 77%, 51%);
--color-d-green: var(--color-d-green-500);
--color-d-green-300: hsl(150, 66%, 53%);
--color-d-green-500: hsl(154, 52%, 46%);
--color-d-green-700: hsl(154, 61%, 39%);
--color-d-green-900: hsl(155, 81%, 24%);
--color-d-green-a: hsl(96, 50%, 49%);
--color-d-violet: var(--color-d-violet-500);
--color-d-violet-300: hsl(256, 63%, 74%);
--color-d-violet-500: hsl(263, 60%, 67%);
--color-d-violet-700: hsl(256, 52%, 57%);
--color-d-violet-900: hsl(256, 44%, 50%);
--color-d-violet-a: hsl(246, 53%, 67%);
/*~ Highlights */
--ui-color-highlight-text: var(--color-d-black);
--ui-color-highlight-bg: hsl(43, 61%, 56%);
--color-highlight-yellow: rgba(255, 187, 0, 0.2);
--color-highlight-red: rgba(240, 79, 106, 0.2);
--color-highlight-blue: rgba(40, 178, 194, 0.2);
--color-highlight-orange: rgba(255, 115, 0, 0.2);
--color-highlight-green: rgba(153, 189, 36, 0.2);
--color-highlight-violet: rgba(113, 122, 255, 0.2);
/*~ Graph View */
--graph-color-node-resolved: var(--color-d-blue-900);
--graph-color-node-unresolved: var(--color-d-yellow-700);
--graph-color-node-unresolved-opacity: 1;
--graph-color-node-tag: var(--color-d-red-500);
--graph-color-node-attachment: var(--color-d-green-500);
--graph-color-node-focused: var(--color-d-white);
--graph-color-node-border-hover: var(--color-d-gray-10);
--graph-color-node-arrow: var(--color-d-gray-40);
--graph-color-node-line: var(--color-d-gray-50);
--graph-color-node-line-hover: var(--color-d-gray-40);
--graph-color-node-text: var(--color-d-gray-10);
}