rasyahroel/it_security_template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tambah warna kustom "agi" pada konfigurasi TailwindCSS

Browse Source 
Menambahkan palet warna baru dengan namespace "agi" pada file `tailwind.config.js`. Selain itu, mengubah warna latar sidebar di `resources/views/layouts/sidebar.blade.php` untuk menggunakan warna "agi-50".
This commit is contained in:
Daeng Deni Mardaeni 2024-12-20 20:26:50 +07:00
parent 907ece6514
commit fd52a218bc
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/views/layouts/sidebar.blade.php
View File

@ -1,5 +1,5 @@
<div <div
class="sidebar dark:bg-coal-600 bg-light border-r border-r-gray-200 dark:border-r-coal-100 fixed top-0 bottom-0 z-20 hidden lg:flex flex-col items-stretch shrink-0 h-full" class="sidebar bg-agi-50 dark:bg-coal-600 border-r border-r-gray-200 dark:border-r-coal-100 fixed top-0 bottom-0 z-20 hidden lg:flex flex-col items-stretch shrink-0 h-full"
data-drawer="true" data-drawer-class="drawer drawer-start top-0 bottom-0" data-drawer-enable="true|lg:false" data-drawer="true" data-drawer-class="drawer drawer-start top-0 bottom-0" data-drawer-enable="true|lg:false"
id="sidebar"> id="sidebar">
<div class="sidebar-header hidden lg:flex items-center relative justify-between px-3 lg:px-6 shrink-0" <div class="sidebar-header hidden lg:flex items-center relative justify-between px-3 lg:px-6 shrink-0"

15
tailwind.config.js
View File

@ -1,4 +1,4 @@
/** @type {import('tailwindcss').Config} */ /** @type {import("tailwindcss").Config} */
export default { export default {
content: ["./resources/**/*.{blade.php,js,vue,tsx}", "./Modules/**/*.php"], content: ["./resources/**/*.{blade.php,js,vue,tsx}", "./Modules/**/*.php"],
safelist: [ safelist: [
@ -211,6 +211,19 @@ export default {
800: "var(--tw-gray-800)", 800: "var(--tw-gray-800)",
900: "var(--tw-gray-900)", 900: "var(--tw-gray-900)",
}, },
agi: {
50: "#effcfc",
100: "#d5f6f8",
200: "#b1ecf0",
300: "#7bdde5",
400: "#35c1d0",
500: "#22a7b8",
600: "#1f879b",
700: "#206d7e",
800: "#225968",
900: "#214b58",
950: "#10313c",
},
primary: { primary: {
DEFAULT: "var(--tw-primary)", DEFAULT: "var(--tw-primary)",
active: "var(--tw-primary-active)", active: "var(--tw-primary-active)",