Remove Skeleton
This commit is contained in:
Leon Grünewald
parent
4e507a01c6
commit
e02f26df51
4 changed files with 5 additions and 133 deletions
|
|
@ -18,9 +18,6 @@
|
||||||
"@tauri-apps/plugin-shell": "~2"
|
"@tauri-apps/plugin-shell": "~2"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@skeletonlabs/skeleton": "^2.10.2",
|
|
||||||
"@skeletonlabs/tw-plugin": "^0.3.1",
|
|
||||||
"@sveltejs/adapter-auto": "^3.3.0",
|
|
||||||
"@sveltejs/adapter-static": "^3.0.5",
|
"@sveltejs/adapter-static": "^3.0.5",
|
||||||
"@sveltejs/kit": "^2.7.2",
|
"@sveltejs/kit": "^2.7.2",
|
||||||
"@sveltejs/vite-plugin-svelte": "^4.0.0",
|
"@sveltejs/vite-plugin-svelte": "^4.0.0",
|
||||||
|
|
|
||||||
100
r621-theme.js
100
r621-theme.js
|
|
@ -1,100 +0,0 @@
|
||||||
export const r621Theme = {
|
|
||||||
name: 'r621',
|
|
||||||
properties: {
|
|
||||||
// =~= Theme Properties =~=
|
|
||||||
"--theme-font-family-base": `system-ui`,
|
|
||||||
"--theme-font-family-heading": `system-ui`,
|
|
||||||
"--theme-font-color-base": "0 0 0",
|
|
||||||
"--theme-font-color-dark": "255 255 255",
|
|
||||||
"--theme-rounded-base": "9999px",
|
|
||||||
"--theme-rounded-container": "8px",
|
|
||||||
"--theme-border-base": "1px",
|
|
||||||
// =~= Theme On-X Colors =~=
|
|
||||||
"--on-primary": "255 255 255",
|
|
||||||
"--on-secondary": "0 0 0",
|
|
||||||
"--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 | #1f3c67
|
|
||||||
"--color-primary-50": "221 226 232", // #dde2e8
|
|
||||||
"--color-primary-100": "210 216 225", // #d2d8e1
|
|
||||||
"--color-primary-200": "199 206 217", // #c7ced9
|
|
||||||
"--color-primary-300": "165 177 194", // #a5b1c2
|
|
||||||
"--color-primary-400": "98 119 149", // #627795
|
|
||||||
"--color-primary-500": "31 60 103", // #1f3c67
|
|
||||||
"--color-primary-600": "28 54 93", // #1c365d
|
|
||||||
"--color-primary-700": "23 45 77", // #172d4d
|
|
||||||
"--color-primary-800": "19 36 62", // #13243e
|
|
||||||
"--color-primary-900": "15 29 50", // #0f1d32
|
|
||||||
// secondary | #f2bb51
|
|
||||||
"--color-secondary-50": "253 245 229", // #fdf5e5
|
|
||||||
"--color-secondary-100": "252 241 220", // #fcf1dc
|
|
||||||
"--color-secondary-200": "252 238 212", // #fceed4
|
|
||||||
"--color-secondary-300": "250 228 185", // #fae4b9
|
|
||||||
"--color-secondary-400": "246 207 133", // #f6cf85
|
|
||||||
"--color-secondary-500": "242 187 81", // #f2bb51
|
|
||||||
"--color-secondary-600": "218 168 73", // #daa849
|
|
||||||
"--color-secondary-700": "182 140 61", // #b68c3d
|
|
||||||
"--color-secondary-800": "145 112 49", // #917031
|
|
||||||
"--color-secondary-900": "119 92 40", // #775c28
|
|
||||||
// tertiary | #FFFFFF
|
|
||||||
"--color-tertiary-50": "255 255 255", // #ffffff
|
|
||||||
"--color-tertiary-100": "255 255 255", // #ffffff
|
|
||||||
"--color-tertiary-200": "255 255 255", // #ffffff
|
|
||||||
"--color-tertiary-300": "255 255 255", // #ffffff
|
|
||||||
"--color-tertiary-400": "255 255 255", // #ffffff
|
|
||||||
"--color-tertiary-500": "255 255 255", // #FFFFFF
|
|
||||||
"--color-tertiary-600": "230 230 230", // #e6e6e6
|
|
||||||
"--color-tertiary-700": "191 191 191", // #bfbfbf
|
|
||||||
"--color-tertiary-800": "153 153 153", // #999999
|
|
||||||
"--color-tertiary-900": "125 125 125", // #7d7d7d
|
|
||||||
// success | #BFFF00
|
|
||||||
"--color-success-50": "245 255 217", // #f5ffd9
|
|
||||||
"--color-success-100": "242 255 204", // #f2ffcc
|
|
||||||
"--color-success-200": "239 255 191", // #efffbf
|
|
||||||
"--color-success-300": "229 255 153", // #e5ff99
|
|
||||||
"--color-success-400": "210 255 77", // #d2ff4d
|
|
||||||
"--color-success-500": "191 255 0", // #BFFF00
|
|
||||||
"--color-success-600": "172 230 0", // #ace600
|
|
||||||
"--color-success-700": "143 191 0", // #8fbf00
|
|
||||||
"--color-success-800": "115 153 0", // #739900
|
|
||||||
"--color-success-900": "94 125 0", // #5e7d00
|
|
||||||
// warning | #cccc00
|
|
||||||
"--color-warning-50": "247 247 217", // #f7f7d9
|
|
||||||
"--color-warning-100": "245 245 204", // #f5f5cc
|
|
||||||
"--color-warning-200": "242 242 191", // #f2f2bf
|
|
||||||
"--color-warning-300": "235 235 153", // #ebeb99
|
|
||||||
"--color-warning-400": "219 219 77", // #dbdb4d
|
|
||||||
"--color-warning-500": "204 204 0", // #cccc00
|
|
||||||
"--color-warning-600": "184 184 0", // #b8b800
|
|
||||||
"--color-warning-700": "153 153 0", // #999900
|
|
||||||
"--color-warning-800": "122 122 0", // #7a7a00
|
|
||||||
"--color-warning-900": "100 100 0", // #646400
|
|
||||||
// error | #EE0000
|
|
||||||
"--color-error-50": "252 217 217", // #fcd9d9
|
|
||||||
"--color-error-100": "252 204 204", // #fccccc
|
|
||||||
"--color-error-200": "251 191 191", // #fbbfbf
|
|
||||||
"--color-error-300": "248 153 153", // #f89999
|
|
||||||
"--color-error-400": "243 77 77", // #f34d4d
|
|
||||||
"--color-error-500": "238 0 0", // #EE0000
|
|
||||||
"--color-error-600": "214 0 0", // #d60000
|
|
||||||
"--color-error-700": "179 0 0", // #b30000
|
|
||||||
"--color-error-800": "143 0 0", // #8f0000
|
|
||||||
"--color-error-900": "117 0 0", // #750000
|
|
||||||
// surface | #020f23
|
|
||||||
"--color-surface-50": "217 219 222", // #d9dbde
|
|
||||||
"--color-surface-100": "204 207 211", // #cccfd3
|
|
||||||
"--color-surface-200": "192 195 200", // #c0c3c8
|
|
||||||
"--color-surface-300": "154 159 167", // #9a9fa7
|
|
||||||
"--color-surface-400": "78 87 101", // #4e5765
|
|
||||||
"--color-surface-500": "2 15 35", // #020f23
|
|
||||||
"--color-surface-600": "2 14 32", // #020e20
|
|
||||||
"--color-surface-700": "2 11 26", // #020b1a
|
|
||||||
"--color-surface-800": "1 9 21", // #010915
|
|
||||||
"--color-surface-900": "1 7 17", // #010711
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,7 +1,4 @@
|
||||||
/* Write your global styles here, in PostCSS syntax */
|
/* Write your global styles here, in PostCSS syntax */
|
||||||
@tailwind base;
|
@tailwind base;
|
||||||
@tailwind components;
|
@tailwind components;
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
body { @apply bg-surface-50-900-token; }
|
|
||||||
html, body { @apply min-h-full; }
|
|
||||||
|
|
@ -1,30 +1,8 @@
|
||||||
// @ts-check
|
|
||||||
import { join } from 'path';
|
|
||||||
|
|
||||||
// 1. Import the Skeleton plugin
|
|
||||||
import { skeleton } from '@skeletonlabs/tw-plugin';
|
|
||||||
import { r621Theme } from './r621-theme';
|
|
||||||
|
|
||||||
/** @type {import('tailwindcss').Config} */
|
/** @type {import('tailwindcss').Config} */
|
||||||
export default {
|
export default {
|
||||||
// 2. Opt for dark mode to be handled via the class method
|
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||||||
darkMode: 'class',
|
|
||||||
content: [
|
|
||||||
'./src/**/*.{html,js,svelte,ts}',
|
|
||||||
// 3. Append the path to the Skeleton package
|
|
||||||
join(require.resolve('@skeletonlabs/skeleton'),
|
|
||||||
'../**/*.{html,js,svelte,ts}'
|
|
||||||
)
|
|
||||||
],
|
|
||||||
theme: {
|
theme: {
|
||||||
extend: {},
|
extend: {}
|
||||||
},
|
},
|
||||||
plugins: [
|
plugins: []
|
||||||
// 4. Append the Skeleton plugin (after other plugins)
|
};
|
||||||
skeleton({
|
|
||||||
themes: {
|
|
||||||
custom: [r621Theme]
|
|
||||||
}
|
|
||||||
})
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue