Make dark mode backgrounds darker
This commit is contained in:
@@ -242,7 +242,7 @@ defmodule MusicLibraryWeb.CoreComponents do
|
||||
class={[
|
||||
"phx-submit-loading:opacity-75 rounded-md py-2 px-3",
|
||||
"text-sm font-semibold leading-6 ",
|
||||
"bg-zinc-900 hover:bg-zinc-700 dark:bg-zinc-100 dark:hover:bg-zinc-400",
|
||||
"bg-zinc-900 hover:bg-zinc-800 dark:bg-zinc-100 dark:hover:bg-zinc-400",
|
||||
"text-white active:text-white/80 dark:text-zinc-900 dark:active:text-zinc-900/80",
|
||||
"focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-600",
|
||||
@class
|
||||
@@ -351,7 +351,7 @@ defmodule MusicLibraryWeb.CoreComponents do
|
||||
class={[
|
||||
"mt-2 block w-full rounded-md",
|
||||
"border-0 border-zinc-300",
|
||||
"bg-white shadow-sm dark:bg-zinc-700",
|
||||
"bg-white shadow-sm dark:bg-zinc-800",
|
||||
"ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
|
||||
"focus:border-zinc-400 focus:ring-zinc-400 dark:focus:ring-zinc-300 focus:ring-0",
|
||||
"sm:text-sm",
|
||||
@@ -402,7 +402,7 @@ defmodule MusicLibraryWeb.CoreComponents do
|
||||
class={[
|
||||
"mt-2 block w-full rounded-md",
|
||||
"border-0 border-zinc-300",
|
||||
"bg-white shadow-sm dark:bg-zinc-700",
|
||||
"bg-white shadow-sm dark:bg-zinc-800",
|
||||
"ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
|
||||
"focus:border-zinc-400 focus:ring-zinc-400 dark:focus:ring-zinc-300 focus:ring-0",
|
||||
"sm:text-sm",
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<nav class="bg-white border-b border-slate-900/10 dark:bg-zinc-800 dark:border-slate-300/10">
|
||||
<nav class="border-b border-slate-900/10 dark:border-slate-300/10">
|
||||
<div class="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8">
|
||||
<div class="flex h-16 justify-between">
|
||||
<div class="flex">
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
<script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
|
||||
</script>
|
||||
</head>
|
||||
<body class="bg-white dark:bg-zinc-800">
|
||||
<body class="bg-white dark:bg-zinc-900">
|
||||
<%= @inner_content %>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user