added dark-mode

4 months ago · bc3b4f4d61
parent 47a624a590
commit bc3b4f4d61
4 changed files with 15 additions and 3 deletions
--- a/database/seeders/GfxSeeder.php
+++ b/database/seeders/GfxSeeder.php
@ -40,6 +40,12 @@ class GfxSeeder extends Seeder
                'system'=>'1',
                'value'=> '#111111'
            ],
+            [
+                'key'=>'dark',
+                'label'=>'Theme mode',
+                'system'=>'1',
+                'value'=> '0'
+            ],
            [
                'key'=>'border-radius',
                'label'=>'Border radius',
--- a/resources/js/components/Gfxer.vue
+++ b/resources/js/components/Gfxer.vue
@ -17,6 +17,12 @@
                                {{ titles[i] }}
                            </label>
                            <br>
+                            <template v-if="i == 'dark'">
+                               <select class="form-control" v-model="values[i]">
+                                   <option value="0"> Light mode </option>
+                                   <option value="1"> Dark mode </option>
+                               </select>
+                            </template>
                            <template v-if="i == 'border-radius'">
                                <border-radios-input v-model="values[i]"></border-radios-input>
                            </template>
--- a/resources/sass/client-custom/_general.scss
+++ b/resources/sass/client-custom/_general.scss
@ -5,12 +5,12 @@

 /* Track */
 ::-webkit-scrollbar-track {
-    background: var(--xshop-background);;
+    background: var(--xshop-background);
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
-    background: var(--xshop-primary);;
+    background: var(--xshop-primary);
 }

 /* Handle on hover */
--- a/resources/views/website/inc/website-head.blade.php
+++ b/resources/views/website/inc/website-head.blade.php
@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="{{config('app.locale')}}" @if(langIsRTL(config('app.locale'))) dir="rtl" @else dir="ltr" @endif >
+<html lang="{{config('app.locale')}}" @if(langIsRTL(config('app.locale'))) dir="rtl" @else dir="ltr" @endif @if(gfx()['dark'] == 1) data-bs-theme="dark" @endif >
 <head>
    <meta charset="UTF-8">
    <meta name="viewport"