feat: Dark Mode (#7471)

2023-07-21 22:10:25 +05:30
parent 480f34803b
commit 40ec0d109a
264 changed files with 2935 additions and 6817 deletions
--- a/app/javascript/dashboard/modules/search/components/SearchInput.vue
+++ b/app/javascript/dashboard/modules/search/components/SearchInput.vue
@@ -32,20 +32,16 @@ export default {
 </script>
 <style lang="scss" scoped>
 .search-input-box {
-  padding: var(--space-small);
+  @apply p-2;
 }
 .search--icon {
-  flex-shrink: 0;
-  color: var(--s-500);
+  @apply flex-shrink-0 text-slate-500 dark:text-slate-300;
 }
 .search-placeholder {
-  color: var(--s-500);
+  @apply text-slate-500 dark:text-slate-300;
 }

 .search-input {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: var(--space-smaller);
+  @apply flex justify-center items-center gap-1;
 }
 </style>