diff --git a/frontend/index.html b/frontend/index.html index fc18a2f..0f36865 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -1,5 +1,5 @@ - + diff --git a/frontend/src/components/ThemeSwitcher.vue b/frontend/src/components/ThemeSwitcher.vue index 736e60c..acdec5a 100644 --- a/frontend/src/components/ThemeSwitcher.vue +++ b/frontend/src/components/ThemeSwitcher.vue @@ -78,6 +78,26 @@ value="aqua" /> +
  • + +
  • +
  • + +
  • + diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js index abd652a..093118f 100644 --- a/frontend/tailwind.config.js +++ b/frontend/tailwind.config.js @@ -1,4 +1,6 @@ import daisyui from 'daisyui' +const romanceLight = require('./themes/romance-light.json'); +const romanceDark = require('./themes/romance-dark.json'); /** @type {import('tailwindcss').Config} */ module.exports = { @@ -12,6 +14,6 @@ module.exports = { ], plugins: [daisyui], daisyui: { - themes: ["dark", "valentine", "sunset", "cyberpunk", "aqua"] + themes: ["dark", "valentine", "sunset", "cyberpunk", "aqua", romanceDark, romanceLight,] } }; diff --git a/frontend/themes/romance-dark.json b/frontend/themes/romance-dark.json new file mode 100644 index 0000000..f6d37f2 --- /dev/null +++ b/frontend/themes/romance-dark.json @@ -0,0 +1,24 @@ +{ + "romance-dark": { + "primary": "oklch(70% 0.22 20)", + "primary-content": "oklch(100% 0.01 10)", + "secondary": "oklch(80% 0.12 310)", + "secondary-content": "oklch(30% 0.02 310)", + "accent": "oklch(85% 0.15 200)", + "accent-content": "oklch(30% 0.03 210)", + "neutral": "oklch(40% 0.02 0)", + "neutral-content": "oklch(95% 0.01 0)", + "base-100": "oklch(15% 0.01 20)", + "base-200": "oklch(20% 0.015 20)", + "base-300": "oklch(26% 0.02 20)", + "base-content": "oklch(96% 0.01 0)", + "info": "oklch(80% 0.1 220)", + "success": "oklch(75% 0.15 140)", + "warning": "oklch(80% 0.15 80)", + "error": "oklch(70% 0.2 30)", + "info-content": "oklch(25% 0.05 220)", + "success-content": "oklch(25% 0.05 140)", + "warning-content": "oklch(25% 0.05 80)", + "error-content": "oklch(100% 0.01 0)" + } +} diff --git a/frontend/themes/romance-light.json b/frontend/themes/romance-light.json new file mode 100644 index 0000000..a6e7e9f --- /dev/null +++ b/frontend/themes/romance-light.json @@ -0,0 +1,24 @@ +{ + "romance-light": { + "primary": "oklch(70% 0.22 20)", + "primary-content": "oklch(100% 0.01 10)", + "secondary": "oklch(80% 0.12 310)", + "secondary-content": "oklch(30% 0.02 310)", + "accent": "oklch(85% 0.15 200)", + "accent-content": "oklch(30% 0.03 210)", + "neutral": "oklch(40% 0.02 0)", + "neutral-content": "oklch(95% 0.01 0)", + "base-100": "oklch(98% 0.01 20)", + "base-200": "oklch(96% 0.015 20)", + "base-300": "oklch(93% 0.02 20)", + "base-content": "oklch(30% 0.02 0)", + "info": "oklch(80% 0.1 220)", + "success": "oklch(75% 0.15 140)", + "warning": "oklch(80% 0.15 80)", + "error": "oklch(70% 0.2 30)", + "info-content": "oklch(25% 0.05 220)", + "success-content": "oklch(25% 0.05 140)", + "warning-content": "oklch(25% 0.05 80)", + "error-content": "oklch(100% 0.01 0)" + } +} \ No newline at end of file