feat: improve color for bg and border under semi transparent window

This commit is contained in:
Huakun Shen 2025-02-18 05:13:15 -05:00
parent be073a0926
commit ce6657ce1f
No known key found for this signature in database
3 changed files with 8 additions and 8 deletions

View File

@ -36,21 +36,21 @@
} }
.dark { .dark {
--background: 0 0% 3.9%; --background: 0 0% 15%;
--foreground: 0 0% 98%; --foreground: 0 0% 98%;
--muted: 0 0% 14.9%; --muted: 0 0% 14.9%;
--muted-foreground: 0 0% 63.9%; --muted-foreground: 0 0% 63.9%;
--popover: 0 0% 3.9%; --popover: 0 0% 12%;
--popover-foreground: 0 0% 98%; --popover-foreground: 0 0% 98%;
--card: 0 0% 3.9%; --card: 0 0% 10%;
--card-foreground: 0 0% 98%; --card-foreground: 0 0% 98%;
--border: 0 0% 14.9%; --border: 0 0% 14.9%;
--input: 0 0% 14.9%; --input: 0 0% 30%;
--primary: 0 0% 98%; --primary: 0 0% 98%;
--primary-foreground: 0 0% 9%; --primary-foreground: 0 0% 9%;
--secondary: 0 0% 14.9%; --secondary: 0 0% 14.9%;
--secondary-foreground: 0 0% 98%; --secondary-foreground: 0 0% 98%;
--accent: 0 0% 14.9%; --accent: 0 0% 24.9%;
--accent-foreground: 0 0% 98%; --accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%; --destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%; --destructive-foreground: 0 0% 98%;

View File

@ -29,7 +29,7 @@
const triggerContent = $derived(languages.find((f) => f.value === language)?.label ?? "Language") const triggerContent = $derived(languages.find((f) => f.value === language)?.label ?? "Language")
</script> </script>
<ul class="rounded-lg border"> <ul class="border-accent rounded-lg border">
<li> <li>
<span>{m.settings_general_launch_at_login()}</span> <span>{m.settings_general_launch_at_login()}</span>
<Switch <Switch
@ -105,7 +105,7 @@
<style scoped> <style scoped>
li { li {
@apply flex items-center justify-between border-b px-3 py-3; @apply border-accent flex items-center justify-between border-b px-3 py-3;
} }
ul li:last-child { ul li:last-child {
@apply border-b-0; @apply border-b-0;

View File

@ -137,7 +137,7 @@
<DropdownMenu.Root> <DropdownMenu.Root>
<DropdownMenu.Trigger> <DropdownMenu.Trigger>
<Button variant="outline" size="icon" class=" bg-background/50"><EllipsisVerticalIcon /></Button> <Button variant="outline" size="icon" class=""><EllipsisVerticalIcon /></Button>
</DropdownMenu.Trigger> </DropdownMenu.Trigger>
<DropdownMenu.Content class="w-80"> <DropdownMenu.Content class="w-80">
<DropdownMenu.Group> <DropdownMenu.Group>