175 lines
3.2 KiB
CSS
175 lines
3.2 KiB
CSS
|
|
.theme-pink {
|
|
.app-sidebar {
|
|
@apply bg-pavitra-900 text-white;
|
|
|
|
.menu-title,
|
|
.menu-item-icon,
|
|
.menu-item-link {
|
|
@apply text-white;
|
|
}
|
|
}
|
|
|
|
.app-sidebar-brand {
|
|
@apply bg-white;
|
|
}
|
|
|
|
.bg-blue-600 {
|
|
@apply bg-pavitra-800;
|
|
}
|
|
|
|
.border-blue-700 {
|
|
@apply border-pink-700;
|
|
}
|
|
|
|
.checkbox input[type=checkbox]:checked + .check, .radio input[type=radio]:checked + .check {
|
|
@apply border-pavitra-800;
|
|
}
|
|
|
|
.helper-container .tab {
|
|
@apply bg-pavitra-900;
|
|
}
|
|
|
|
.focus\:ring:focus {
|
|
--tw-ring-color: #14142A;
|
|
}
|
|
|
|
.checkbox input[type=checkbox]:focus + .check, .radio input[type=radio]:focus + .check, .switch input[type=checkbox]:focus + .check {
|
|
--tw-ring-color: #14142A;
|
|
}
|
|
|
|
}
|
|
|
|
.theme-green {
|
|
|
|
.app-sidebar {
|
|
@apply bg-pavitra-800 text-white;
|
|
|
|
.menu-title,
|
|
.menu-item-icon,
|
|
.menu-item-link {
|
|
@apply text-white;
|
|
}
|
|
|
|
}
|
|
|
|
.app-sidebar-brand {
|
|
@apply bg-white;
|
|
}
|
|
|
|
.bg-blue-600 {
|
|
@apply bg-pavitra-800;
|
|
}
|
|
|
|
.border-blue-700 {
|
|
@apply bg-pavitra-700;
|
|
}
|
|
|
|
.hover\:bg-blue-700:hover {
|
|
@apply bg-pavitra-700;
|
|
}
|
|
|
|
.text-blue-600 {
|
|
@apply text-pavitra-900;
|
|
}
|
|
|
|
.checkbox input[type=checkbox]:checked + .check, .radio input[type=radio]:checked + .check {
|
|
@apply border-pavitra-800;
|
|
}
|
|
|
|
.helper-container .tab {
|
|
@apply bg-pavitra-700;
|
|
}
|
|
|
|
.focus\:ring:focus {
|
|
--tw-ring-color: #4E4B66;
|
|
}
|
|
|
|
.checkbox input[type=checkbox]:focus + .check, .radio input[type=radio]:focus + .check, .switch input[type=checkbox]:focus + .check {
|
|
--tw-ring-color: #4E4B66;
|
|
}
|
|
|
|
.text-blue-500 {
|
|
@apply text-pavitra-800;
|
|
}
|
|
|
|
.hover\:text-blue-600:hover {
|
|
@apply text-pavitra-800;
|
|
}
|
|
|
|
.active\:text-blue-700:active {
|
|
@apply text-pavitra-800;
|
|
}
|
|
}
|
|
|
|
@layer base {
|
|
.dark {
|
|
color-scheme: dark;
|
|
}
|
|
|
|
.dark .bg-white:not([class*="!bg-"]) {
|
|
background-color: #111827 !important;
|
|
}
|
|
|
|
.dark .bg-slate-50,
|
|
.dark .bg-gray-50,
|
|
.dark .bg-gray-100,
|
|
.dark [class*="bg-slate-50/"],
|
|
.dark [class*="bg-[#FBF8F1]"],
|
|
.dark [class*="bg-[#F6F3EC]"],
|
|
.dark [class*="bg-[#F7F5EF]"] {
|
|
background-color: #0F172A !important;
|
|
}
|
|
|
|
.dark [class*="bg-[#F1E7C7]"],
|
|
.dark [class*="bg-[#FFF8DF]"],
|
|
.dark [class*="bg-[#EFF6FF]"] {
|
|
background-color: rgba(216, 183, 94, 0.14) !important;
|
|
}
|
|
|
|
.dark .text-black,
|
|
.dark .text-slate-950,
|
|
.dark .text-slate-900,
|
|
.dark [class*="text-[#0E1A2B]"],
|
|
.dark [class*="text-[#111827]"] {
|
|
color: #F8FAFC !important;
|
|
}
|
|
|
|
.dark .text-slate-700,
|
|
.dark .text-slate-600,
|
|
.dark .text-slate-500,
|
|
.dark .text-gray-500,
|
|
.dark [class*="text-[#5B6472]"],
|
|
.dark [class*="text-[#6B7280]"] {
|
|
color: #CBD5E1 !important;
|
|
}
|
|
|
|
.dark .text-slate-400,
|
|
.dark [class*="text-[#8B7A61]"],
|
|
.dark [class*="text-[#7A5B13]"],
|
|
.dark [class*="text-[#1D4ED8]"] {
|
|
color: #D8B75E !important;
|
|
}
|
|
|
|
.dark [class*="border-[#DDD5C7]"],
|
|
.dark [class*="border-[#E5E0D6]"],
|
|
.dark [class*="border-[#D8D0C2]"],
|
|
.dark [class*="border-[#D6E0F5]"],
|
|
.dark [class*="border-[#DBEAFE]"],
|
|
.dark .border-gray-300,
|
|
.dark .border-stone-300,
|
|
.dark .border-slate-200,
|
|
.dark .border-slate-300 {
|
|
border-color: #273447 !important;
|
|
}
|
|
|
|
.dark .divide-stone-300 > :not([hidden]) ~ :not([hidden]) {
|
|
border-color: #273447 !important;
|
|
}
|
|
|
|
.dark [class*="shadow-[#83755E]/10"],
|
|
.dark [class*="shadow-slate-200/50"] {
|
|
box-shadow: none !important;
|
|
}
|
|
}
|