remove footer bg color

yuma140902 · Nov 9, 2023 · a0f28ac · a0f28ac
1 parent 8e417fc
commit a0f28ac
Showing 1 changed file with 28 additions and 21 deletions.
diff --git a/src/pages/style.css b/src/pages/style.css
@@ -2,6 +2,7 @@
   /*--primary-color: #afc2e0;*/
   --primary-color: #b8fdc4;
   --bg-color: #fafafa;
+  --bg-color2: #b8fdc4;
   --text-color: black;
   --link-color: #464646;
   --link-hover-color: black;
@@ -14,6 +15,7 @@ body.dark {
   --primary-color: #2a6334;
   /*--bg-color: #0d1117;*/
   --bg-color: #323236;
+  --bg-color2: #2a6334;
   --text-color: #c9d1d9;
   --link-color: rbga(255, 255, 255, 0.7);
   --link-hover-color: white;
@@ -27,26 +29,28 @@ body.light {
 }
 
 body {
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
+    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
   padding: 0;
   margin: 0;
   background: var(--bg-color);
   color: var(--text-color);
 }
 
-a:link, a:visited {
+a:link,
+a:visited {
   color: var(--link-color);
 }
 a:hover {
   color: var(--link-hover-color);
 }
 
-a[target="_blank"]::after {
-	content: "\e89e";
-	font-family: 'Material Symbols Rounded';
-	font-weight: normal;
-	font-style: normal;
-	line-height: 1;
+a[target='_blank']::after {
+  content: '\e89e';
+  font-family: 'Material Symbols Rounded';
+  font-weight: normal;
+  font-style: normal;
+  line-height: 1;
   font-size: 70%;
 }
 
@@ -64,7 +68,7 @@ select {
 .header {
   display: flex;
   flex-direction: row;
-  background: var(--primary-color);
+  background: var(--bg-color2);
   height: 56px;
 }
 
@@ -118,7 +122,7 @@ select {
     height: 100%;
     background: var(--text-color);
     opacity: 0;
-    transition: .3s ease-in-out;
+    transition: 0.3s ease-in-out;
   }
 
   /*メニュー*/
@@ -132,7 +136,7 @@ select {
     max-width: 330px;
     height: 100%;
     background: #fff;
-    transition: .3s ease-in-out;
+    transition: 0.3s ease-in-out;
     -webkit-transform: translateX(-105%);
     transform: translateX(-105%);
   }
@@ -146,21 +150,22 @@ select {
   /*チェックがついたら表示させる*/
   #drawer-checkbox:checked ~ #drawer-close-area {
     display: block;
-    opacity: .5;
+    opacity: 0.5;
   }
 
   #drawer-checkbox:checked ~ #drawer-menu {
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
-    box-shadow: 6px 0 25px rgba(0,0,0,.15);
+    box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
   }
 
   /*メニューの中身*/
   #drawer-menu {
     background: var(--primary-color);
     padding-top: 1em;
   }
-  #drawer-menu > a:link, #drawer-menu > a:visited {
+  #drawer-menu > a:link,
+  #drawer-menu > a:visited {
     display: block;
     width: 100%;
     text-align: center;
@@ -229,7 +234,8 @@ select {
 
 /* see: https://searchfox.org/mozilla-central/source/layout/style/res/html.css */
 .markdown {
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
+    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
   font-size: 16px;
   line-height: 1.5;
   overflow-wrap: break-word;
@@ -238,14 +244,14 @@ select {
 .markdown h1 {
   font-size: 2em;
   font-weight: bold;
-  margin-block-start: .67em;
-  margin-block-end: .67em;
+  margin-block-start: 0.67em;
+  margin-block-end: 0.67em;
 }
 .markdown h2 {
   font-size: 1.5em;
   font-weight: bold;
-  margin-block-start: .83em;
-  margin-block-end: .83em;
+  margin-block-start: 0.83em;
+  margin-block-end: 0.83em;
 }
 .markdown h3 {
   font-size: 1.17em;
@@ -285,7 +291,8 @@ select {
 }
 .markdown code,
 .markdown tt {
-  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,
+    monospace;
   font-size: 85%;
   padding: 0.2em 0.4em;
   margin: 0;
@@ -294,7 +301,7 @@ select {
 }
 
 .footer {
-  background: var(--primary-color);
+  background: var(--bg-color);
   padding: 3px;
 }