ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update styleguide colors

This commit is contained in:
Daniel Egger 2022-08-30 11:15:03 +02:00
parent dd18cf895b
commit eaa06719d6
4 changed files with 4 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
client/src/assets/circle-analyse.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 50 KiB

0
client/src/assets/learning_path.svg
View File

4
client/src/views/StyelGuideView.vue
View File

@ -54,8 +54,8 @@ const dropdownData = [
// TODO: die CSS-Klasse für die Farben wird hier in der StyleGuideView.vue generiert. // TODO: die CSS-Klasse für die Farben wird hier in der StyleGuideView.vue generiert.
// deshalb muss man diese CSS-Klassen in tailwind.config.js "safelist"en, wenn diese sonst // deshalb muss man diese CSS-Klassen in tailwind.config.js "safelist"en, wenn diese sonst
// noch nirgendwo verwendet werden. // noch nirgendwo verwendet werden.
const colors = ['blue', 'sky', 'orange', 'green', 'red', 'gray',]; const colors = ['blue', 'sky', 'green', 'red', 'orange', 'yellow', 'stone', 'gray', 'slate'];
const colorValues = [100, 200, 300, 400, 500, 600, 700, 800, 900,]; const colorValues = [200, 300, 400, 500, 600, 700, 800, 900,];
function colorBgClass(color: string, value: number) { function colorBgClass(color: string, value: number) {
return `bg-${color}-${value}`; return `bg-${color}-${value}`;

8
client/tailwind.config.js
View File

@ -20,12 +20,8 @@ module.exports = {
}, },
colors: colors, colors: colors,
}, },
safelist: [{ safelist: [
pattern: /bg-(blue|sky|orange|green|red)-(400|500|600|700)/, { pattern: /bg-(blue|sky|green|red|orange|yellow|stone|gray|slate)-(200|300|400|500|600|700|800|900)/, },
}, {
pattern: /bg-gray-(100|300|500|700|900)/,
},
'bg-blue-900',
'it-icon', 'it-icon',
], ],
plugins: [ plugins: [