eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

feat: light mode fixes for navtab + files tab (#5134)

Browse Source
This commit is contained in:
Calum H.
2026-01-16 18:23:43 +00:00
committed by GitHub
parent c9bfc4e9b6
commit 82e4eb7b40
2 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/frontend/src/components/ui/NavTabs.vue
View File

@@ -18,11 +18,18 @@
v-if="link.icon" v-if="link.icon"
class="size-5" class="size-5"
:class="{ :class="{
'text-brand': currentActiveIndex === index && !subpageSelected, 'text-button-textSelected': currentActiveIndex === index && !subpageSelected,
'text-secondary': currentActiveIndex !== index || subpageSelected, 'text-secondary': currentActiveIndex !== index || subpageSelected,
}" }"
/> />
<span class="text-nowrap text-contrast">{{ link.label }}</span> <span
class="text-nowrap"
:class="{
'text-button-textSelected': currentActiveIndex === index && !subpageSelected,
'text-contrast': currentActiveIndex !== index || subpageSelected,
}"
>{{ link.label }}</span
>
</NuxtLink> </NuxtLink>
</template> </template>
<template v-else> <template v-else>
@@ -39,14 +46,14 @@
v-if="link.icon" v-if="link.icon"
class="size-5" class="size-5"
:class="{ :class="{
'text-brand': currentActiveIndex === index && !subpageSelected, 'text-button-textSelected': currentActiveIndex === index && !subpageSelected,
'text-secondary': currentActiveIndex !== index || subpageSelected, 'text-secondary': currentActiveIndex !== index || subpageSelected,
}" }"
/> />
<span <span
class="text-nowrap" class="text-nowrap"
:class="{ :class="{
'text-brand': currentActiveIndex === index && !subpageSelected, 'text-button-textSelected': currentActiveIndex === index && !subpageSelected,
'text-contrast': currentActiveIndex !== index || subpageSelected, 'text-contrast': currentActiveIndex !== index || subpageSelected,
}" }"
>{{ link.label }}</span >{{ link.label }}</span

6
packages/ui/src/components/servers/files/explorer/FileItem.vue
View File

@@ -341,6 +341,12 @@ function handleDrop(event: DragEvent) {
<style scoped> <style scoped>
.file-row-alt { .file-row-alt {
background: color-mix(in srgb, var(--surface-2), black 3%);
}
:global(.dark-mode) .file-row-alt,
:global(.dark) .file-row-alt,
:global(.oled-mode) .file-row-alt {
background: color-mix(in srgb, var(--surface-2), black 10%); background: color-mix(in srgb, var(--surface-2), black 10%);
} }
</style> </style>