Add themes

This commit is contained in:
2025-11-03 13:52:25 -07:00
parent 6734b47d71
commit 6005fa9348
7 changed files with 146 additions and 24 deletions

View File

@@ -5,7 +5,7 @@
}
.setting-checkbox {
@apply appearance-none w-full h-full border-2 border-[#484848] rounded-md bg-[#242424] transition-colors duration-200 cursor-pointer;
@apply appearance-none w-full h-full border-2 border-(--col4) rounded-md bg-(--col2) transition-colors duration-200 cursor-pointer;
}
.setting-checkbox:checked {

View File

@@ -1,16 +1,16 @@
@import "tailwindcss";
.sidebar {
@apply fixed top-0 left-0 w-60 h-screen bg-[#161616] flex flex-col border-e border-[#242424] z-1;
@apply fixed top-0 left-0 w-60 h-screen bg-(--col1) flex flex-col border-e border-(--col2) z-1;
}
.sidebar-downloads {
@apply text-[#bdbdbd] fixed bottom-3 left-2 bg-[#242424] rounded-lg border border-[#323232] w-55 p-4 cursor-pointer transition-colors duration-[0.25s];
@apply text-[#bdbdbd] fixed bottom-3 left-2 bg-(--col2) rounded-lg border border-(--col3) w-55 p-4 cursor-pointer transition-colors duration-[0.25s];
}
.sidebar-downloads:hover {
@apply text-white;
@apply bg-[#323232] border-[#484848];
@apply bg-(--col3) border-(--col4);
}
.logo {
@@ -26,7 +26,7 @@
}
.link.active {
@apply bg-[#242424] border-[#323232];
@apply bg-(--col2) border-(--col3);
}
.link.active,
@@ -35,5 +35,5 @@
}
.link.active:hover {
@apply bg-[#323232] border-[#484848];
@apply bg-(--col3) border-(--col4);
}