From 8a96008ea9bafa50fefd1fa1f2b6afd99321606f Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Sat, 17 Feb 2024 03:59:19 +0100
Subject: [PATCH 1/7] fix: add bg-color classes in tailwind safelist

---
 tailwind.config.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index f42c3b3..9998ed4 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,7 +1,21 @@
 module.exports = {
   // Safelisting some classes to avoid content purge
   plugins: [require('daisyui')],
-  safelist: ['safelisted'],
+  safelist: [
+    'safelisted',
+    'bg-primary',
+    'bg-secondary',
+    'bg-accent',
+    'bg-neutral',
+    'bg-base-100',
+    'bg-base-200',
+    'bg-base-300',
+    'bg-base-content',
+    'bg-info',
+    'bg-success',
+    'bg-warning',
+    'bg-error',
+  ],
   daisyui: {
     themes: true,
   },

From 63e1274e9b2526937f6494cdf6cbbdb671b5dca7 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Wed, 21 Feb 2024 00:13:03 +0100
Subject: [PATCH 2/7] profile: update card style

---
 pages/edit.vue | 35 ++++++++++++++++++++++++-----------
 1 file changed, 24 insertions(+), 11 deletions(-)

diff --git a/pages/edit.vue b/pages/edit.vue
index 53800d0..3e30191 100644
--- a/pages/edit.vue
+++ b/pages/edit.vue
@@ -76,25 +76,31 @@ const themesAsOptions = [
 
     <div class="lg:flex lg:justify-between">
       <section
-        class="lg:w-1/2 lg:me-20 h-full card card-body border border-neutral my-10"
+        class="lg:w-1/2 lg:me-20 h-full card card-bordered border-base-300 my-10"
       >
-        <h2 class="text-3xl mb-3">{{ t('edit_personal_settings') }}</h2>
+        <div class="card-header bg-base-300 py-4 px-8">
+          <h2 class="text-3xl">{{ t('edit_personal_settings') }}</h2>
+        </div>
 
-        <UserInfoForm />
+        <UserInfoForm class="p-8" />
       </section>
 
-      <section class="lg:w-1/2 card card-body border border-neutral my-10">
-        <h2 class="text-3xl mb-3">{{ $t('change_password') }}</h2>
+      <section class="lg:w-1/2 card card-bordered border-base-300 my-10">
+        <div class="card-header bg-base-300 py-4 px-8">
+          <h2 class="text-3xl">{{ $t('change_password') }}</h2>
+        </div>
 
-        <UserPasswordForm />
+        <UserPasswordForm class="p-8" />
       </section>
     </div>
 
-    <section class="card card-body border border-neutral my-10">
-      <h2 class="text-3xl mb-3">{{ t('edit_browser_settings') }}</h2>
+    <section class="card card-bordered border-base-300 my-10">
+      <div class="card-header bg-base-300 py-4 px-8">
+        <h2 class="text-3xl">{{ t('edit_browser_settings') }}</h2>
+      </div>
 
-      <form novalidate @submit.prevent>
-        <div role="group" class="flex align mb-3">
+      <form class="p-8" novalidate @submit.prevent>
+        <div role="group" class="flex flex-wrap align mb-3">
           <!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->
           <label for="language" class="label me-3">{{ t('language') }}</label>
           <select
@@ -113,7 +119,7 @@ const themesAsOptions = [
           </select>
         </div>
 
-        <div role="group" class="flex align">
+        <div role="group" class="flex flex-wrap align">
           <!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->
           <label for="theme" class="label me-3">{{ t('theme') }}</label>
           <select
@@ -135,3 +141,10 @@ const themesAsOptions = [
     </section>
   </div>
 </template>
+
+<style scoped>
+.card .card-header {
+  border-top-left-radius: var(--rounded-box);
+  border-top-right-radius: var(--rounded-box);
+}
+</style>

From 4e86b4154e9dfb61bc0c1ed2250b90ff0aa4ed79 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Wed, 21 Feb 2024 00:25:06 +0100
Subject: [PATCH 3/7] misc cosmetics

---
 app.vue             | 3 ++-
 layouts/default.vue | 2 +-
 pages/index.vue     | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app.vue b/app.vue
index ff4b6c3..d33467a 100644
--- a/app.vue
+++ b/app.vue
@@ -34,7 +34,8 @@ body {
 /* GLOBAL */
 .btn,
 .select,
-.input {
+.input.input,
+.join-item.btn {
   min-height: 2.5rem;
   height: 2.5rem;
 }
diff --git a/layouts/default.vue b/layouts/default.vue
index 071ebce..748388d 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -37,7 +37,7 @@ async function logout() {
 </script>
 
 <template>
-  <div class="container mx-auto p-10 min-h-screen flex flex-col">
+  <div class="container mx-auto p-6 md:p-10 min-h-screen flex flex-col">
     <BaseAlert
       v-if="queryMsg"
       variant="warning"
diff --git a/pages/index.vue b/pages/index.vue
index 0d0a980..30d26fd 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -87,7 +87,7 @@ async function onSearchSubmit() {
         <li
           v-for="app in apps"
           :key="app.label"
-          class="flex flex-auto border border-neutral rounded p-4 relative hover:bg-neutral hover:text-neutral-content"
+          class="flex text-align flex-auto btn btn-outline btn-neutral !h-auto p-5 relative flex-nowrap items-start justify-normal text-left font-normal"
         >
           <img
             v-if="app.logo"

From fc4a65e4d12cb72e74a17d871ea8828e079dc2bb Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Wed, 21 Feb 2024 14:58:15 +0100
Subject: [PATCH 4/7] theme: add 'legacy' color theme from previous portal

---
 pages/edit.vue     |  1 +
 tailwind.config.js | 30 +++++++++++++++++++++++++++++-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/pages/edit.vue b/pages/edit.vue
index 3e30191..7e0f242 100644
--- a/pages/edit.vue
+++ b/pages/edit.vue
@@ -31,6 +31,7 @@ const themesAsOptions = [
   'system',
   'light',
   'dark',
+  'legacy',
   'cupcake',
   'bumblebee',
   'emerald',
diff --git a/tailwind.config.js b/tailwind.config.js
index 9998ed4..e83b074 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -17,6 +17,34 @@ module.exports = {
     'bg-error',
   ],
   daisyui: {
-    themes: true,
+    themes: [
+      ...Object.keys(require('daisyui/src/theming/themes')),
+      {
+        legacy: {
+          primary: '#2980b9',
+          secondary: '#7028b8',
+          accent: '#b87a28',
+          neutral: '#999',
+          info: '#2980b9',
+          success: '#27ae60',
+          warning: '#e67e22',
+          error: '#c0392b',
+          'base-100': '#41444f',
+          'base-200': '#999',
+          'base-300': '#30333b',
+          'base-content': '#fff',
+          'primary-content': '#fff',
+          'secondary-content': '#fff',
+          'accent-content': '#fff',
+          'neutral-content': '#fff',
+          'info-content': '#fff',
+          'success-content': '#fff',
+          'warning-content': '#fff',
+          'error-content': '#fff',
+          '--rounded-box': '0rem',
+          '--rounded-btn': '0rem',
+        },
+      },
+    ],
   },
 }

From 478b09c4e250911154a015ec1c50146588aae1d5 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Sat, 24 Feb 2024 01:54:18 +0100
Subject: [PATCH 5/7] themes: add webadmin like theme

---
 tailwind.config.js | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index e83b074..e0bedf1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -22,8 +22,8 @@ module.exports = {
       {
         legacy: {
           primary: '#2980b9',
-          secondary: '#7028b8',
-          accent: '#b87a28',
+          secondary: '#30333b',
+          accent: '#7028b8',
           neutral: '#999',
           info: '#2980b9',
           success: '#27ae60',
@@ -44,6 +44,31 @@ module.exports = {
           '--rounded-box': '0rem',
           '--rounded-btn': '0rem',
         },
+        admin: {
+          primary: '#53a5fb',
+          secondary: '#20cb98',
+          accent: '#b957ea',
+          neutral: '#EDEDED',
+          info: '#79e7f9',
+          success: '#70ea8d',
+          warning: '#ffd452',
+          error: '#ff5a5a',
+          'base-100': '#202020',
+          'base-200': '#3C3C3C',
+          'base-300': '#303030',
+          'base-content': '#fafafa',
+          'primary-content': '#000',
+          'secondary-content': '#000',
+          'accent-content': '#000',
+          'neutral-content': '#000',
+          'info-content': '#000',
+          'success-content': '#000',
+          'warning-content': '#000',
+          'error-content': '#000',
+          '--rounded-box': '0.1875rem',
+          '--rounded-btn': '0.1875rem',
+          '--border-btn': '1px',
+        },
       },
     ],
   },

From 40b1a4ac297a4e5a9616b14d43f620b730772a8d Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Mon, 19 Aug 2024 19:43:20 +0200
Subject: [PATCH 6/7] feat: add 'omg' custom theme

---
 tailwind.config.js | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/tailwind.config.js b/tailwind.config.js
index e0bedf1..b8d1142 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -69,6 +69,29 @@ module.exports = {
           '--rounded-btn': '0.1875rem',
           '--border-btn': '1px',
         },
+        omg: {
+          primary: '#ffe066',
+          secondary: '#eebefa',
+          accent: '#bac8ff',
+          neutral: '#e7ebf3',
+          info: '#a5d8ff',
+          success: '#63e6be',
+          warning: '#ff922b',
+          error: '#fcc2d7',
+          'base-100': '#343a40',
+          'base-200': '#6f7479',
+          'base-300': '#212529',
+          'base-content': '#f1f3f5',
+          '--rounded-box': '.13rem',
+          '--rounded-btn': '.3rem',
+          '--rounded-badge': '1.9rem',
+          '--animation-btn': '0.25s',
+          '--animation-input': '0.2s',
+          '--btn-focus-scale': '0.95',
+          '--border-btn': '1px',
+          '--tab-border': '1px',
+          '--tab-radius': '0.5rem',
+        },
       },
     ],
   },

From 02706ac8a24911a8d0c8aa6de32bfe7f59b0156e Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Tue, 20 Aug 2024 00:13:12 +0200
Subject: [PATCH 7/7] refactor: keep only selected themes and consider "admin"
 theme as the default dark theme

---
 pages/edit.vue     | 35 +++++++++--------------------------
 tailwind.config.js | 14 ++++++++++++--
 2 files changed, 21 insertions(+), 28 deletions(-)

diff --git a/pages/edit.vue b/pages/edit.vue
index 7e0f242..ade9ba6 100644
--- a/pages/edit.vue
+++ b/pages/edit.vue
@@ -29,39 +29,22 @@ const localesAsOptions = computed(() => {
 const themesAsOptions = [
   'auto',
   'system',
+  // Daisyui default themes
   'light',
+  // Custom dark
   'dark',
+  'omg',
   'legacy',
-  'cupcake',
-  'bumblebee',
-  'emerald',
-  'corporate',
+  // Daisyui dark
+  'black',
   'synthwave',
-  'retro',
+  'halloween',
+  'coffee',
+  // Daisyui light
+  'cupcake',
   'cyberpunk',
   'valentine',
-  'halloween',
-  'garden',
-  'forest',
-  'aqua',
-  'lofi',
-  'pastel',
-  'fantasy',
-  'wireframe',
-  'black',
-  'luxury',
-  'dracula',
-  'cmyk',
-  'autumn',
-  'business',
-  'acid',
-  'lemonade',
-  'night',
-  'coffee',
-  'winter',
-  'dim',
   'nord',
-  'sunset',
 ].map((theme) => ({
   text:
     theme !== 'auto'
diff --git a/tailwind.config.js b/tailwind.config.js
index b8d1142..d1e5eff 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -18,7 +18,6 @@ module.exports = {
   ],
   daisyui: {
     themes: [
-      ...Object.keys(require('daisyui/src/theming/themes')),
       {
         legacy: {
           primary: '#2980b9',
@@ -44,7 +43,7 @@ module.exports = {
           '--rounded-box': '0rem',
           '--rounded-btn': '0rem',
         },
-        admin: {
+        dark: {
           primary: '#53a5fb',
           secondary: '#20cb98',
           accent: '#b957ea',
@@ -93,6 +92,17 @@ module.exports = {
           '--tab-radius': '0.5rem',
         },
       },
+      'light',
+      // dark
+      'black', // to rework contrasts
+      'synthwave',
+      'halloween',
+      'coffee',
+      // light
+      'cupcake',
+      'cyberpunk',
+      'valentine',
+      'nord',
     ],
   },
 }