+1

src/app.css

··· 0 1 body { 2 background-color: red; 3 }

··· 1 + @import url('./themes/colors.css'); 2 body { 3 background-color: red; 4 }

+11

src/themes/colors.css

··· 0 0 0 0 0 0 0 0 0 0 0

··· 1 + :root { 2 + --link-color: #646cff; 3 + --link-hover-color: #535bf2; 4 + --background-color: #12082b; 5 + --header-background-color: #1f1145; 6 + --content-background-color: #0d0620; 7 + --text-color: white; 8 + --border-color: #8054f0; 9 + --indicator-inactive-color: #4a4a4a; 10 + --indicator-active-color: #8054f0; 11 + }

-12

src/themes/theme.css

··· 3 src: url(https://witchcraft.systems/ProggyCleanNerdFont-Regular.ttf); 4 } 5 6 - :root { 7 - --link-color: #646cff; 8 - --link-hover-color: #535bf2; 9 - --background-color: #12082b; 10 - --header-background-color: #1f1145; 11 - --content-background-color: #0d0620; 12 - --text-color: white; 13 - --border-color: #8054f0; 14 - --indicator-inactive-color: #4a4a4a; 15 - --indicator-active-color: #8054f0; 16 - } 17 - 18 ::-webkit-scrollbar { 19 width: 0px; 20 background: transparent;

··· 3 src: url(https://witchcraft.systems/ProggyCleanNerdFont-Regular.ttf); 4 } 5 0 0 0 0 0 0 0 0 0 0 0 0 6 ::-webkit-scrollbar { 7 width: 0px; 8 background: transparent;

+2 -1

theming.ts

··· 11 name: 'theme-generator', 12 transform(code, id) { 13 if (id.endsWith('app.css')) { 0 14 // Read the theme file and replace the contents of app.css with it 15 // Needs full path to the file 16 const themeCode = Deno.readTextFileSync(Deno.cwd() + '/src/themes/' + themeFile); ··· 18 19 // and add a comment at the top 20 const themeComment = `/* Generated from ${themeFile} */\n`; 21 - const themeCodeWithComment = themeComment + themeCode; 22 // Return the theme code as the new contents of app.css 23 return { 24 code: themeCodeWithComment,

··· 11 name: 'theme-generator', 12 transform(code, id) { 13 if (id.endsWith('app.css')) { 14 + const colorsCode = Deno.readTextFileSync(Deno.cwd() + '/src/themes/colors.css'); 15 // Read the theme file and replace the contents of app.css with it 16 // Needs full path to the file 17 const themeCode = Deno.readTextFileSync(Deno.cwd() + '/src/themes/' + themeFile); ··· 19 20 // and add a comment at the top 21 const themeComment = `/* Generated from ${themeFile} */\n`; 22 + const themeCodeWithComment = themeComment + colorsCode + themeCode; 23 // Return the theme code as the new contents of app.css 24 return { 25 code: themeCodeWithComment,