eduvia/lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: dark mode

Browse Source
This commit is contained in:
Jannat Patel
2025-02-10 10:51:21 +05:30
parent 16b9356944
commit dbf443300b
143 changed files with 886 additions and 675 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/SidebarLink.vue
View File

@@ -1,8 +1,8 @@
<template>
<button
v-if="link && !link.onlyMobile"
class="flex h-7 cursor-pointer items-center rounded text-gray-800 duration-300 ease-in-out focus:outline-none focus:transition-none focus-visible:rounded focus-visible:ring-2 focus-visible:ring-gray-400"
:class="isActive ? 'bg-white shadow-sm' : 'hover:bg-gray-100'"
class="flex h-7 cursor-pointer items-center rounded text-ink-gray-8 duration-300 ease-in-out focus:outline-none focus:transition-none focus-visible:rounded focus-visible:ring-2 focus-visible:ring-outline-gray-3"
:class="isActive ? 'bg-surface-white shadow-sm' : 'hover:bg-surface-gray-2'"
@click="handleClick"
>
<div
@@ -14,7 +14,7 @@
<span class="grid h-5 w-6 flex-shrink-0 place-items-center">
<component
:is="icons[link.icon]"
class="h-4 w-4 stroke-1.5 text-gray-800"
class="h-4 w-4 stroke-1.5 text-ink-gray-8"
/>
</span>
</slot>
@@ -31,10 +31,10 @@
</span>
<span
v-if="link.count"
class="!ml-auto block text-xs text-gray-600"
class="!ml-auto block text-xs text-ink-gray-5"
:class="
isCollapsed && link.count > 9
? 'absolute top-[2px] right-0 bg-white'
? 'absolute top-[2px] right-0 bg-surface-white'
: ''
"
>
@@ -42,16 +42,16 @@
</span>
<div
v-if="showControls && !isCollapsed"
class="flex items-center space-x-2 !ml-auto block text-xs text-gray-600 group-hover:visible invisible"
class="flex items-center space-x-2 !ml-auto block text-xs text-ink-gray-5 group-hover:visible invisible"
>
<component
:is="icons['Edit']"
class="h-3 w-3 stroke-1.5 text-gray-700"
class="h-3 w-3 stroke-1.5 text-ink-gray-7"
@click.stop="openModal(link)"
/>
<component
:is="icons['X']"
class="h-3 w-3 stroke-1.5 text-gray-700"
class="h-3 w-3 stroke-1.5 text-ink-gray-7"
@click.stop="deletePage(link)"
/>
</div>