fix: accent button text color — #0D0D0D to var(--bg) for light mode; DnD appId fix

This commit is contained in:
posimai 2026-03-25 16:28:06 +09:00
parent cb99b51f92
commit 8d8ca2978c
1 changed files with 4 additions and 4 deletions

View File

@ -446,7 +446,7 @@
right: 20px; right: 20px;
width: 48px; height: 48px; width: 48px; height: 48px;
border-radius: 50%; border-radius: 50%;
background: var(--accent); color: #0D0D0D; background: var(--accent); color: var(--bg);
border: none; cursor: pointer; border: none; cursor: pointer;
display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center;
box-shadow: 0 4px 16px color-mix(in srgb, var(--accent) 40%, transparent); box-shadow: 0 4px 16px color-mix(in srgb, var(--accent) 40%, transparent);
@ -521,7 +521,7 @@
} }
.btn-danger:hover { border-color: #EF4444; background: color-mix(in srgb, #EF4444 10%, transparent); } .btn-danger:hover { border-color: #EF4444; background: color-mix(in srgb, #EF4444 10%, transparent); }
.btn-primary { .btn-primary {
background: var(--accent); color: #0D0D0D; font-size: 13px; font-weight: 600; background: var(--accent); color: var(--bg); font-size: 13px; font-weight: 600;
padding: 8px 18px; border-radius: 8px; border: none; cursor: pointer; padding: 8px 18px; border-radius: 8px; border: none; cursor: pointer;
transition: opacity .12s; transition: opacity .12s;
} }
@ -590,7 +590,7 @@
/* ── Misc ── */ /* ── Misc ── */
.skip-link { .skip-link {
position: absolute; top: -100%; left: 8px; position: absolute; top: -100%; left: 8px;
background: var(--accent); color: #0D0D0D; background: var(--accent); color: var(--bg);
padding: 8px 16px; border-radius: 8px; font-weight: 600; font-size: 13px; padding: 8px 16px; border-radius: 8px; font-weight: 600; font-size: 13px;
z-index: 10000; text-decoration: none; z-index: 10000; text-decoration: none;
} }
@ -612,7 +612,7 @@
<div class="sidebar-header"> <div class="sidebar-header">
<div class="brand"> <div class="brand">
<div class="brand-logo" aria-hidden="true"> <div class="brand-logo" aria-hidden="true">
<i data-lucide="map" style="width:13px;height:13px;stroke-width:2;color:#0D0D0D"></i> <i data-lucide="map" style="width:13px;height:13px;stroke-width:2;color:var(--bg)"></i>
</div> </div>
<div class="brand-text"> <div class="brand-text">
<span class="brand-name">Roadmap</span> <span class="brand-name">Roadmap</span>