Rotimi Bestandtunny17
f5a4156c8b
* chore: migration to SvelteKit 2 * stage 1: migrate to svelte 5 and fix rerendering issues * stage 2: fix more $: reactivity across dashboard * fix merge conflicts * chore: migrate code in main to svelte 5 * chore: update preventDefault * chore: simplify tsconfig and remove unused mobileMenuRef in MobileMenu.svelte * chore: enforce .ts across dashboard * rename from classroomio-com to website * stage-3: Replace carbon icon svelte with lucide icon * update lock file * chore: finish icon replacement * fix: settings and setup page multiple rerender * stage 3: More icon and rerendering fixes * feat: checkpoint * feat: update editor * [not working] connect everything with ui build * storybook + ui + dashboard all working independently * add bg-black to +page.svelte * feat: add editor to storybook * chore: animate lucid icons (#590) * v1 animations * feat: change some course navigation icons & animate org navigation icons * chore: change settings icon * chore: use css instead of js for hover * rename animations --------- Co-authored-by: tunny17 <tvnji01@gmail.com> * chore: update path to node_modules types in api tsconfig * fix: update import path for DropdownMenu component * fix: add rollupOptions to build configuration in vite.config.ts * fix: remove rollupOptions from build configuration and add @floating-ui/dom dependency * install --------- Co-authored-by: tunny17 <tvnji01@gmail.com>
177 lines
2.2 KiB
CSS
177 lines
2.2 KiB
CSS
/* One Dark and Light Theme for Highlight.js using Pure CSS */
|
|
/* Light Theme (Default) */
|
|
.tiptap pre code {
|
|
color: #383a42;
|
|
}
|
|
|
|
/* Comment */
|
|
.hljs-comment,
|
|
.hljs-quote {
|
|
font-style: italic;
|
|
color: #a0a1a7;
|
|
}
|
|
|
|
/* Red */
|
|
.hljs-variable,
|
|
.hljs-template-variable,
|
|
.hljs-tag,
|
|
.hljs-name,
|
|
.hljs-selector-id,
|
|
.hljs-selector-class,
|
|
.hljs-regexp,
|
|
.hljs-deletion {
|
|
color: #e45649;
|
|
}
|
|
|
|
/* Orange */
|
|
.hljs-number,
|
|
.hljs-built_in,
|
|
.hljs-literal,
|
|
.hljs-type,
|
|
.hljs-params,
|
|
.hljs-meta,
|
|
.hljs-link {
|
|
color: #986801;
|
|
}
|
|
|
|
/* Yellow */
|
|
.hljs-attribute {
|
|
color: #c18401;
|
|
}
|
|
|
|
/* Green */
|
|
.hljs-string,
|
|
.hljs-symbol,
|
|
.hljs-bullet,
|
|
.hljs-addition {
|
|
color: #50a14f;
|
|
}
|
|
|
|
/* Blue */
|
|
.hljs-title,
|
|
.hljs-section {
|
|
color: #4078f2;
|
|
}
|
|
|
|
/* Purple */
|
|
.hljs-keyword,
|
|
.hljs-selector-tag {
|
|
color: #a626a4;
|
|
}
|
|
|
|
/* Cyan */
|
|
.hljs-emphasis {
|
|
font-style: italic;
|
|
color: #0184bc;
|
|
}
|
|
|
|
.hljs-strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Base styles */
|
|
.hljs-doctag,
|
|
.hljs-formula {
|
|
color: #a626a4;
|
|
}
|
|
|
|
.hljs-attr,
|
|
.hljs-subst {
|
|
color: #383a42;
|
|
}
|
|
|
|
/* Line highlights */
|
|
.hljs-addition {
|
|
background-color: #e6ffed;
|
|
}
|
|
|
|
.hljs-deletion {
|
|
background-color: #ffeef0;
|
|
}
|
|
|
|
/* Dark Theme (All dark styles consolidated in one media query) */
|
|
html.dark {
|
|
.tiptap pre code {
|
|
color: #abb2bf;
|
|
}
|
|
|
|
/* Comment */
|
|
.hljs-comment,
|
|
.hljs-quote {
|
|
color: #5c6370;
|
|
}
|
|
|
|
/* Red */
|
|
.hljs-variable,
|
|
.hljs-template-variable,
|
|
.hljs-tag,
|
|
.hljs-name,
|
|
.hljs-selector-id,
|
|
.hljs-selector-class,
|
|
.hljs-regexp,
|
|
.hljs-deletion {
|
|
color: #e06c75;
|
|
}
|
|
|
|
/* Orange */
|
|
.hljs-number,
|
|
.hljs-built_in,
|
|
.hljs-literal,
|
|
.hljs-type,
|
|
.hljs-params,
|
|
.hljs-meta,
|
|
.hljs-link {
|
|
color: #d19a66;
|
|
}
|
|
|
|
/* Yellow */
|
|
.hljs-attribute {
|
|
color: #e5c07b;
|
|
}
|
|
|
|
/* Green */
|
|
.hljs-string,
|
|
.hljs-symbol,
|
|
.hljs-bullet,
|
|
.hljs-addition {
|
|
color: #98c379;
|
|
}
|
|
|
|
/* Blue */
|
|
.hljs-title,
|
|
.hljs-section {
|
|
color: #61afef;
|
|
}
|
|
|
|
/* Purple */
|
|
.hljs-keyword,
|
|
.hljs-selector-tag {
|
|
color: #c678dd;
|
|
}
|
|
|
|
/* Cyan */
|
|
.hljs-emphasis {
|
|
color: #56b6c2;
|
|
}
|
|
|
|
/* Base styles */
|
|
.hljs-doctag,
|
|
.hljs-formula {
|
|
color: #c678dd;
|
|
}
|
|
|
|
.hljs-attr,
|
|
.hljs-subst {
|
|
color: #abb2bf;
|
|
}
|
|
|
|
/* Line highlights */
|
|
.hljs-addition {
|
|
background-color: #283428;
|
|
}
|
|
|
|
.hljs-deletion {
|
|
background-color: #342828;
|
|
}
|
|
}
|