From: Cameron Otsuka <cameron@otsuka.haus>
Date: Thu, 11 Dec 2025 01:28:57 +0000 (-0800)
Subject: finalize color scheme
X-Git-Tag: v2.1.0~3
X-Git-Url: https://git.otsuka.systems/?a=commitdiff_plain;h=829e69559e0e1bcd13438ecc8e23349475aedc5c;p=cotsuka.github.io

finalize color scheme
---

diff --git a/src/components/footer.astro b/src/components/footer.astro
index 80ea831..3802be9 100644
--- a/src/components/footer.astro
+++ b/src/components/footer.astro
@@ -40,5 +40,6 @@ const currentYear = new Date().getFullYear();
     }
     [data-icon="mdi:rss"] {
         display: inline-block;
+        vertical-align: middle;
     }
 </style>
\ No newline at end of file
diff --git a/src/components/heading.astro b/src/components/heading.astro
index 47ccdad..6ec9bd0 100644
--- a/src/components/heading.astro
+++ b/src/components/heading.astro
@@ -6,7 +6,7 @@ import Navigation from '@components/navigation.astro';
 
 <style>
     a {
-        color: light-dark(#000000, #ffffff);
+        color: light-dark(#000000, #e6e2d6);
     }
     a:hover {
         text-decoration: none;
diff --git a/src/components/ratingdistribution/chart.tsx b/src/components/ratingdistribution/chart.tsx
index 49764b3..21b50fe 100644
--- a/src/components/ratingdistribution/chart.tsx
+++ b/src/components/ratingdistribution/chart.tsx
@@ -1,19 +1,23 @@
-import { BarChart, Bar, XAxis, YAxis, CartesianGrid, ResponsiveContainer, Tooltip } from 'recharts';
+import { BarChart, Bar, XAxis, YAxis, ResponsiveContainer, Tooltip } from 'recharts';
 
 export default function Chart({ chartData }: { chartData: { name: string, count: number }[] }) {
     return (
         <ResponsiveContainer width="100%" height={150}>
             <BarChart data={chartData}>
-                <CartesianGrid strokeDasharray="3 3" />
-                <XAxis dataKey="name" />
-                <YAxis width="auto"/>
+                <XAxis
+                    dataKey="name"
+                    tick={{ fill: "light-dark(#000000, #e6e2d6)" }}
+                />
+                <YAxis
+                    width="auto"
+                    tick={{ fill: "light-dark(#000000, #e6e2d6)" }}
+                />
                 <Tooltip          
-                    contentStyle={{ color: "light-dark(#000000, #000000)" }}
-                    itemStyle={{ color: "light-dark(#000000, #000000)" }}
-                    labelStyle={{ color: "light-dark(#000000, #000000)" }}
-                    wrapperStyle={{ color: "light-dark(#000000, #000000)" }}
+                    contentStyle={{ backgroundColor: "light-dark(#000000, #e6e2d6)" }}
+                    itemStyle={{ color: "light-dark(#e6e2d6, #000000)" }}
+                    labelStyle={{ color: "light-dark(#e6e2d6, #000000)" }}
                 />
-                <Bar dataKey="count" fill="light-dark(#000000, #ffffff)" />
+                <Bar dataKey="count" fill="light-dark(#000000, #e6e2d6)" />
             </BarChart>
         </ResponsiveContainer>
     )
diff --git a/src/components/ui/spoiler.astro b/src/components/ui/spoiler.astro
index eae7fc6..6fccce9 100644
--- a/src/components/ui/spoiler.astro
+++ b/src/components/ui/spoiler.astro
@@ -5,8 +5,8 @@
 
 <style>
     details.spoiler {
-        color: light-dark(#ffffff, #000000);
-        background-color: light-dark(#000000, #ffffff);
+        color: light-dark(#e6e2d6, #000000);
+        background-color: light-dark(#000000, #e6e2d6);
         margin-bottom: 1rem;
         padding: 0.5rem;
         &[open] {
diff --git a/src/styles/style.css b/src/styles/style.css
index d04206d..3a60f50 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -7,8 +7,8 @@
 }
 
 html {
-  background-color: light-dark(#ffffff, #000000);
-  color: light-dark(#000000, #ffffff);
+  background-color: light-dark(#e6e2d6, #000000);
+  color: light-dark(#000000, #e6e2d6);
   font-family: "Source Serif 4 Variable", serif;
   font-kerning: normal;
   font-weight: 400;
@@ -35,7 +35,7 @@ p {
 }
 a {
   text-decoration: none;
-  color: light-dark(#086ddd, #398ae3);
+  color: light-dark(#8b2942, #d4637a);
 }
 a:hover {
   text-decoration: underline;
@@ -76,7 +76,7 @@ table {
   border-collapse: collapse;
 }
 th, td {
-  border: 0.1rem solid light-dark(#000000, #2F3336);
+  border: 0.1rem solid light-dark(#000000, #e6e2d6);
   text-align: center;
   vertical-align: middle;
   padding: 0.5rem;
@@ -92,7 +92,7 @@ code {
 }
 .footnotes {
   font-size: 0.9rem;
-  border-top: 1px dashed light-dark(#000000, #ffffff);
+  border-top: 1px dashed light-dark(#000000, #e6e2d6);
   margin-top: 1rem;
   padding-top: 1rem;
 }