Initial Code Commit

2025-11-03 19:51:59 +00:00
parent cfd3ccbdbb
commit b84eb2db3d
45 changed files with 1078 additions and 138 deletions
--- a/CustomTheme.ts
+++ b/CustomTheme.ts
@@ -0,0 +1,103 @@
+
+import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
+
+export const myCustomTheme: CustomThemeConfig = {
+    name: 'my-custom-theme',
+    properties: {
+		// =~= Theme Properties =~=
+		"--theme-font-family-base": `Montserrat`,
+		"--theme-font-family-heading": `Montserrat`,
+		"--theme-font-color-base": "0 0 0",
+		"--theme-font-color-dark": "255 255 255",
+		"--theme-rounded-base": "4px",
+		"--theme-rounded-container": "8px",
+		"--theme-border-base": "1px",
+		// =~= Theme On-X Colors =~=
+		"--on-primary": "255 255 255",
+		"--on-secondary": "255 255 255",
+		"--on-tertiary": "0 0 0",
+		"--on-success": "0 0 0",
+		"--on-warning": "0 0 0",
+		"--on-error": "255 255 255",
+		"--on-surface": "255 255 255",
+		// =~= Theme Colors  =~=
+		// primary | #2b273f 
+		"--color-primary-50": "223 223 226", // #dfdfe2
+		"--color-primary-100": "213 212 217", // #d5d4d9
+		"--color-primary-200": "202 201 207", // #cac9cf
+		"--color-primary-300": "170 169 178", // #aaa9b2
+		"--color-primary-400": "107 104 121", // #6b6879
+		"--color-primary-500": "43 39 63", // #2b273f
+		"--color-primary-600": "39 35 57", // #272339
+		"--color-primary-700": "32 29 47", // #201d2f
+		"--color-primary-800": "26 23 38", // #1a1726
+		"--color-primary-900": "21 19 31", // #15131f
+		// secondary | #454545 
+		"--color-secondary-50": "227 227 227", // #e3e3e3
+		"--color-secondary-100": "218 218 218", // #dadada
+		"--color-secondary-200": "209 209 209", // #d1d1d1
+		"--color-secondary-300": "181 181 181", // #b5b5b5
+		"--color-secondary-400": "125 125 125", // #7d7d7d
+		"--color-secondary-500": "69 69 69", // #454545
+		"--color-secondary-600": "62 62 62", // #3e3e3e
+		"--color-secondary-700": "52 52 52", // #343434
+		"--color-secondary-800": "41 41 41", // #292929
+		"--color-secondary-900": "34 34 34", // #222222
+		// tertiary | #0EA5E9 
+		"--color-tertiary-50": "219 242 252", // #dbf2fc
+		"--color-tertiary-100": "207 237 251", // #cfedfb
+		"--color-tertiary-200": "195 233 250", // #c3e9fa
+		"--color-tertiary-300": "159 219 246", // #9fdbf6
+		"--color-tertiary-400": "86 192 240", // #56c0f0
+		"--color-tertiary-500": "14 165 233", // #0EA5E9
+		"--color-tertiary-600": "13 149 210", // #0d95d2
+		"--color-tertiary-700": "11 124 175", // #0b7caf
+		"--color-tertiary-800": "8 99 140", // #08638c
+		"--color-tertiary-900": "7 81 114", // #075172
+		// success | #00b336 
+		"--color-success-50": "217 244 225", // #d9f4e1
+		"--color-success-100": "204 240 215", // #ccf0d7
+		"--color-success-200": "191 236 205", // #bfeccd
+		"--color-success-300": "153 225 175", // #99e1af
+		"--color-success-400": "77 202 114", // #4dca72
+		"--color-success-500": "0 179 54", // #00b336
+		"--color-success-600": "0 161 49", // #00a131
+		"--color-success-700": "0 134 41", // #008629
+		"--color-success-800": "0 107 32", // #006b20
+		"--color-success-900": "0 88 26", // #00581a
+		// warning | #EAB308 
+		"--color-warning-50": "252 244 218", // #fcf4da
+		"--color-warning-100": "251 240 206", // #fbf0ce
+		"--color-warning-200": "250 236 193", // #faecc1
+		"--color-warning-300": "247 225 156", // #f7e19c
+		"--color-warning-400": "240 202 82", // #f0ca52
+		"--color-warning-500": "234 179 8", // #EAB308
+		"--color-warning-600": "211 161 7", // #d3a107
+		"--color-warning-700": "176 134 6", // #b08606
+		"--color-warning-800": "140 107 5", // #8c6b05
+		"--color-warning-900": "115 88 4", // #735804
+		// error | #db004d 
+		"--color-error-50": "250 217 228", // #fad9e4
+		"--color-error-100": "248 204 219", // #f8ccdb
+		"--color-error-200": "246 191 211", // #f6bfd3
+		"--color-error-300": "241 153 184", // #f199b8
+		"--color-error-400": "230 77 130", // #e64d82
+		"--color-error-500": "219 0 77", // #db004d
+		"--color-error-600": "197 0 69", // #c50045
+		"--color-error-700": "164 0 58", // #a4003a
+		"--color-error-800": "131 0 46", // #83002e
+		"--color-error-900": "107 0 38", // #6b0026
+		// surface | #272835 
+		"--color-surface-50": "223 223 225", // #dfdfe1
+		"--color-surface-100": "212 212 215", // #d4d4d7
+		"--color-surface-200": "201 201 205", // #c9c9cd
+		"--color-surface-300": "169 169 174", // #a9a9ae
+		"--color-surface-400": "104 105 114", // #686972
+		"--color-surface-500": "39 40 53", // #272835
+		"--color-surface-600": "35 36 48", // #232430
+		"--color-surface-700": "29 30 40", // #1d1e28
+		"--color-surface-800": "23 24 32", // #171820
+		"--color-surface-900": "19 20 26", // #13141a
+		
+	}
+}