dhalucario/esix-client
1
0
Fork 0
Code Activity

Remove Skeleton

Browse source
This commit is contained in:
Leon Grünewald 2024-10-23 23:25:31 +02:00
parent 4e507a01c6
commit e02f26df51
4 changed files with 5 additions and 133 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
package.json
View file

@ -18,9 +18,6 @@
"@tauri-apps/plugin-shell": "~2"
},
"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/kit": "^2.7.2",
"@sveltejs/vite-plugin-svelte": "^4.0.0",

100
r621-theme.js
View file

@ -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
}
}

5
src/app.pcss
View file

@ -1,7 +1,4 @@
/* Write your global styles here, in PostCSS syntax */
@tailwind base;
@tailwind components;
@tailwind utilities;
body { @apply bg-surface-50-900-token; }
html, body { @apply min-h-full; }
@tailwind utilities;

30
tailwind.config.cjs
View file

@ -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} */
export default {
// 2. Opt for dark mode to be handled via the class method
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}'
)
],
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
extend: {},
extend: {}
},
plugins: [
// 4. Append the Skeleton plugin (after other plugins)
skeleton({
themes: {
custom: [r621Theme]
}
})
]
}
plugins: []
};