refactor: polish dark theme colors and add border accents
This commit is contained in:
@@ -179,7 +179,7 @@
|
||||
{{end}}
|
||||
</section>
|
||||
</div>
|
||||
<aside class="fixed right-0 top-0 hidden h-screen w-80 shrink-0 flex-col overflow-y-auto bg-background-sidebar p-8 lg:flex">
|
||||
<aside class="fixed right-0 top-0 hidden h-screen w-80 shrink-0 flex-col overflow-y-auto border-l border-(--border-light) bg-background-sidebar p-8 lg:flex">
|
||||
<div class="flex flex-col gap-8">
|
||||
<section>
|
||||
<h3 class="mb-6 text-base font-normal text-foreground">Information</h3>
|
||||
|
||||
@@ -93,7 +93,7 @@
|
||||
<!-- Sidebar -->
|
||||
<div id="mobile-menu-backdrop" data-mobile-menu-backdrop class="fixed inset-0 z-40 hidden bg-black/50 lg:hidden"></div>
|
||||
|
||||
<div id="mobile-menu" data-mobile-open="false" class="fixed inset-y-0 left-0 z-50 w-64 shrink-0 overflow-hidden bg-background-sidebar transition-transform duration-300 lg:static lg:translate-x-0 lg:transition-none">
|
||||
<div id="mobile-menu" data-mobile-open="false" class="fixed inset-y-0 left-0 z-50 w-64 shrink-0 overflow-hidden border-r border-(--border-light) bg-background-sidebar transition-transform duration-300 lg:static lg:translate-x-0 lg:transition-none">
|
||||
{{block "sidebar" .}}
|
||||
{{template "navigation" dict "CurrentPath" .CurrentPath "IsCollapsed" false}}
|
||||
{{end}}
|
||||
|
||||
@@ -176,7 +176,7 @@
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<button type="button" data-segment-reset class="text-sm font-normal text-foreground-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">Reset</button>
|
||||
<button type="button" data-segment-save class=" px-4 py-2 bg-accent text-sm font-normal text-black transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">Save</button>
|
||||
<button type="button" data-segment-save class=" px-4 py-2 bg-accent text-sm font-normal text-on-accent transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">Save</button>
|
||||
</div>
|
||||
|
||||
<div data-segment-error class="hidden text-sm text-red-400"></div>
|
||||
|
||||
Reference in New Issue
Block a user