カラーコードの説明を修正、6桁に統一

nakaterm · nakaterm · commit 8d002e40168d · 2026-01-11T20:15:08.000+09:00
diff --git a/docs/2-browser-apps/05-css-layout/_samples/align-center/style.css b/docs/2-browser-apps/05-css-layout/_samples/align-center/style.css
@@ -9,9 +9,9 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
   border-radius: 8px;
   padding: 24px;
 }
@@ -38,7 +38,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
   border: none;
diff --git a/docs/2-browser-apps/05-css-layout/_samples/border-radius/style.css b/docs/2-browser-apps/05-css-layout/_samples/border-radius/style.css
@@ -3,9 +3,9 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
   border-radius: 8px;
 }
 
@@ -20,7 +20,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
   border: none;
diff --git a/docs/2-browser-apps/05-css-layout/_samples/border/style.css b/docs/2-browser-apps/05-css-layout/_samples/border/style.css
@@ -3,9 +3,9 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
 }
 
 .plan {
@@ -19,7 +19,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
   border: none;
diff --git a/docs/2-browser-apps/05-css-layout/_samples/flexbox-gap/style.css b/docs/2-browser-apps/05-css-layout/_samples/flexbox-gap/style.css
@@ -8,9 +8,9 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
   border-radius: 8px;
   padding: 24px;
 }
@@ -27,7 +27,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
   border: none;
diff --git a/docs/2-browser-apps/05-css-layout/_samples/flexbox/style.css b/docs/2-browser-apps/05-css-layout/_samples/flexbox/style.css
@@ -7,9 +7,9 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
   border-radius: 8px;
   margin: 8px;
   padding: 24px;
@@ -27,7 +27,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
   border: none;
diff --git a/docs/2-browser-apps/05-css-layout/_samples/justify-center/style.css b/docs/2-browser-apps/05-css-layout/_samples/justify-center/style.css
@@ -9,9 +9,9 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
   border-radius: 8px;
   padding: 24px;
 }
@@ -28,7 +28,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
   border: none;
diff --git a/docs/2-browser-apps/05-css-layout/_samples/justify-space-between/style.css b/docs/2-browser-apps/05-css-layout/_samples/justify-space-between/style.css
@@ -9,9 +9,9 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
   border-radius: 8px;
   padding: 24px;
 }
@@ -37,7 +37,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
   border: none;
diff --git a/docs/2-browser-apps/05-css-layout/_samples/margin-top/style.css b/docs/2-browser-apps/05-css-layout/_samples/margin-top/style.css
@@ -3,9 +3,9 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
   border-radius: 8px;
   margin: 8px;
 }
@@ -22,7 +22,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
   border: none;
diff --git a/docs/2-browser-apps/05-css-layout/_samples/margin/style.css b/docs/2-browser-apps/05-css-layout/_samples/margin/style.css
@@ -3,9 +3,9 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
   border-radius: 8px;
   margin: 8px;
 }
@@ -21,7 +21,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
   border: none;
diff --git a/docs/2-browser-apps/05-css-layout/_samples/media-query-align-center/style.css b/docs/2-browser-apps/05-css-layout/_samples/media-query-align-center/style.css
@@ -9,9 +9,9 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
   border-radius: 8px;
   padding: 24px;
 }
@@ -38,7 +38,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
   border: none;
diff --git a/docs/2-browser-apps/05-css-layout/_samples/media-query/style.css b/docs/2-browser-apps/05-css-layout/_samples/media-query/style.css
@@ -9,9 +9,9 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
   border-radius: 8px;
   padding: 24px;
 }
@@ -38,7 +38,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
   border: none;
diff --git a/docs/2-browser-apps/05-css-layout/_samples/padding/style.css b/docs/2-browser-apps/05-css-layout/_samples/padding/style.css
@@ -3,9 +3,9 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
   border-radius: 8px;
   margin: 8px;
   padding: 24px;
@@ -23,7 +23,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
   border: none;
diff --git a/docs/2-browser-apps/05-css-layout/_samples/responsive-header/style.css b/docs/2-browser-apps/05-css-layout/_samples/responsive-header/style.css
@@ -1,6 +1,6 @@
 body {
   margin: 0;
-  background-color: #fff;
+  background-color: #ffffff;
 }
 
 header ul {
@@ -11,7 +11,7 @@ header ul {
 
 #menu a {
   text-decoration: none;
-  color: #777;
+  color: #777777;
   font-size: 14px;
 }
 
@@ -31,8 +31,8 @@ header ul {
 }
 
 header {
-  background-color: #fff;
-  border-bottom: 1px solid #eee;
+  background-color: #ffffff;
+  border-bottom: 1px solid #eeeeee;
 }
 
 .container {
diff --git a/docs/2-browser-apps/05-css-layout/_samples/width-percent/style.css b/docs/2-browser-apps/05-css-layout/_samples/width-percent/style.css
@@ -3,7 +3,7 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
 }
 
@@ -18,7 +18,7 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   width: 100%;
 }
diff --git a/docs/2-browser-apps/05-css-layout/_samples/width/style.css b/docs/2-browser-apps/05-css-layout/_samples/width/style.css
@@ -3,7 +3,7 @@ body {
 }
 
 .card {
-  background-color: #fff;
+  background-color: #ffffff;
   width: 240px;
 }
 
@@ -18,6 +18,6 @@ body {
 
 .button {
   background-color: #0d6efd;
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
 }
diff --git a/docs/2-browser-apps/05-css-layout/index.mdx b/docs/2-browser-apps/05-css-layout/index.mdx
