From eaa06719d6e656edd8ecf81493d2f3153ef1ae6f Mon Sep 17 00:00:00 2001 From: Daniel Egger Date: Tue, 30 Aug 2022 11:15:03 +0200 Subject: [PATCH] Update styleguide colors --- client/src/assets/circle-analyse.svg | 47 ---------------------------- client/src/assets/learning_path.svg | 0 client/src/views/StyelGuideView.vue | 4 +-- client/tailwind.config.js | 8 ++--- 4 files changed, 4 insertions(+), 55 deletions(-) delete mode 100644 client/src/assets/circle-analyse.svg delete mode 100644 client/src/assets/learning_path.svg diff --git a/client/src/assets/circle-analyse.svg b/client/src/assets/circle-analyse.svg deleted file mode 100644 index be722b24..00000000 --- a/client/src/assets/circle-analyse.svg +++ /dev/null @@ -1,47 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/client/src/assets/learning_path.svg b/client/src/assets/learning_path.svg deleted file mode 100644 index e69de29b..00000000 diff --git a/client/src/views/StyelGuideView.vue b/client/src/views/StyelGuideView.vue index 3257d3a7..db299bff 100644 --- a/client/src/views/StyelGuideView.vue +++ b/client/src/views/StyelGuideView.vue @@ -54,8 +54,8 @@ const dropdownData = [ // 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 // noch nirgendwo verwendet werden. -const colors = ['blue', 'sky', 'orange', 'green', 'red', 'gray',]; -const colorValues = [100, 200, 300, 400, 500, 600, 700, 800, 900,]; +const colors = ['blue', 'sky', 'green', 'red', 'orange', 'yellow', 'stone', 'gray', 'slate']; +const colorValues = [200, 300, 400, 500, 600, 700, 800, 900,]; function colorBgClass(color: string, value: number) { return `bg-${color}-${value}`; diff --git a/client/tailwind.config.js b/client/tailwind.config.js index f5ca7ec5..920c7b2b 100644 --- a/client/tailwind.config.js +++ b/client/tailwind.config.js @@ -20,12 +20,8 @@ module.exports = { }, colors: colors, }, - safelist: [{ - pattern: /bg-(blue|sky|orange|green|red)-(400|500|600|700)/, - }, { - pattern: /bg-gray-(100|300|500|700|900)/, - }, - 'bg-blue-900', + safelist: [ + { pattern: /bg-(blue|sky|green|red|orange|yellow|stone|gray|slate)-(200|300|400|500|600|700|800|900)/, }, 'it-icon', ], plugins: [