add: custom theme color

t0team · Jan 14, 2023 · 6f24fea · 6f24fea
1 parent 465fb27
commit 6f24fea
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 8 deletions.
diff --git a/config/panel.php b/config/panel.php
@@ -6,11 +6,12 @@
 
     /*
     |--------------------------------------------------------------------------
-    | Panel Title
+    | Panel Title & Theme Color (hex type)
     |--------------------------------------------------------------------------
     */
 
     'title' => "پنل مدیریت",
+    'theme' => "#2962ff",
 
     /*
     |--------------------------------------------------------------------------

diff --git a/resources/css/framework.css b/resources/css/framework.css
@@ -17,7 +17,6 @@
 }
 
 :root {
-    --color: 41, 98, 255;
     --theme-color: rgb(var(--color));
     --theme-color-hover: rgb(var(--color), 0.85);
     --theme-color-shadow: rgb(var(--color), 0.55);
@@ -101,15 +100,19 @@ p {
     --bs-btn-disabled-border-color: var(--theme-color-hover);
 }
 
-.btn-theme:hover, .btn-theme:active,
-.btn-outline-theme:hover, .btn-outline-theme:active {
+.btn-theme:hover,
+.btn-theme:active,
+.btn-outline-theme:hover,
+.btn-outline-theme:active {
     color: var(--bs-btn-hover-color);
     background-color: var(--theme-color);
     border-color: var(--theme-color);
 }
 
-.btn-theme:focus, .btn-theme:active:focus,
-.btn-outline-theme:focus, .btn-outline-theme:active:focus {
+.btn-theme:focus,
+.btn-theme:active:focus,
+.btn-outline-theme:focus,
+.btn-outline-theme:active:focus {
     color: var(--bs-btn-hover-color);
     background-color: var(--theme-color);
     border-color: var(--theme-color);
@@ -170,4 +173,4 @@ p {
     to {
         transform: rotate(1turn)
     }
-}
+}
diff --git a/resources/dist/css/app.css b/resources/dist/css/app.css
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
@@ -15,6 +15,12 @@
         @endif
         {{ $config['title'] }}
     </title>
+
+    <style>
+        :root {
+            --color: {{ $theme }};
+        }
+    </style>
 </head>
 
 <body>

diff --git a/src/Controllers/Makers/Maker.php b/src/Controllers/Makers/Maker.php
@@ -20,6 +20,7 @@ protected function handle(array $config)
 
         $this->fixSidebarItems();
         $this->fixUserInfo();
+        $this->handleTheme();
     }
 
     private function fixSidebarItems()
@@ -83,4 +84,14 @@ private function fixUserInfo()
             $user->{$params['image']} ?? null
         );
     }
+
+    private function handleTheme()
+    {
+        $theme = $this->data['config']['theme'] ?? "#2962ff";
+        $theme = str_replace('#', '', $theme);
+
+        sscanf($theme, "%02x%02x%02x", $r, $g, $b);
+
+        $this->data['theme'] = "{$r} {$g} {$b}";
+    }
 }