diff --git a/app/javascript/styles/mastodon-material/profiles/y-zu-dark/color.scss b/app/javascript/styles/mastodon-material/profiles/y-zu-dark/color.scss
index 25466d633..f97e21926 100644
--- a/app/javascript/styles/mastodon-material/profiles/y-zu-dark/color.scss
+++ b/app/javascript/styles/mastodon-material/profiles/y-zu-dark/color.scss
@@ -1 +1,39 @@
-// Add your customization below
\ No newline at end of file
+// Add your customization below
+
+$primary-color: #8D6E63;
+
+$section-text-color: $primary-color;
+
+$icon-color: #D7CCC8;
+$icon-hover-color: #ffffff;
+$top-bar-icon-color: $icon-color;
+$top-bar-icon-hover-color: $icon-hover-color;
+$top-bar-icon-active-color: $primary-color;
+
+$control-border-color: $icon-color;
+$control-border-active-color: $primary-color;
+$control-border-hover-color: transparentize($control-border-active-color, 0.8);
+
+$icon-button-color: $icon-color;
+$icon-button-hover-color: $icon-hover-color;
+$icon-button-active-color: $primary-color;
+$icon-button-active-hover-color: lighten($icon-button-active-color, 10%);
+$contained-button-color: $primary-color;
+$contained-button-hover-color: lighten($contained-button-color, 10%);
+$outlined-button-color: $primary-color;
+$outlined-button-hover-color: transparentize($outlined-button-color, 0.8);
+$outlined-button-active-color: transparentize($outlined-button-color, 0.7);
+$text-button-color: $primary-color;
+$text-button-hover-color: transparentize($text-button-color, 0.8);
+$text-button-focus-color: transparentize($text-button-color, 0.7);
+$floating-action-button-icon-color: $primary-color;
+
+$toggle-thumb-active-color: #795548;
+$toggle-track-active-color: lighten($toggle-thumb-active-color, 18%);
+
+$tab-indicator-color: $top-bar-icon-color;
+$tab-indicator-active-color: $top-bar-icon-color;
+$tab-indicator-bg-hover-color: transparentize($tab-indicator-active-color, 0.9);
+$tab-indicator-bg-focus-color: transparentize($tab-indicator-active-color, 0.8);
+$icon-tab-indicator-active-color: $primary-color;
+$icon-tab-indicator-hover-color: $icon-hover-color;
\ No newline at end of file
diff --git a/app/javascript/styles/mastodon-material/profiles/y-zu-dark/layout.scss b/app/javascript/styles/mastodon-material/profiles/y-zu-dark/layout.scss
index 88c66fb64..0c3d2a73e 100644
--- a/app/javascript/styles/mastodon-material/profiles/y-zu-dark/layout.scss
+++ b/app/javascript/styles/mastodon-material/profiles/y-zu-dark/layout.scss
@@ -1,5 +1,9 @@
 // Add your customization below
 
-$avater-radius: 2px;
+$avatar-radius: 2px;
 
-$text-area-border: outlined;
\ No newline at end of file
+$button-on-status: outlined; 
+
+$cw-area-border: outlined;
+
+$compose-area-border: outlined;
\ No newline at end of file
diff --git a/app/javascript/styles/mastodon-material/profiles/y-zu-light/color.scss b/app/javascript/styles/mastodon-material/profiles/y-zu-light/color.scss
index 87a4fed42..5e389df40 100644
--- a/app/javascript/styles/mastodon-material/profiles/y-zu-light/color.scss
+++ b/app/javascript/styles/mastodon-material/profiles/y-zu-light/color.scss
@@ -1,16 +1,19 @@
 // Add your customization below
 
-$bg-color: #fafafa;
-
 $primary-color: #6D4C41;
 
-$icon-color: #92787D;
+$section-text-color: $primary-color;
 
+$icon-color: #92787D;
 $icon-hover-color: darken($icon-color, 10%);
 $top-bar-icon-color: $icon-color;
 $top-bar-icon-hover-color: darken($top-bar-icon-color, 10%);
 $top-bar-icon-active-color: darken($top-bar-icon-color, 18%);
 
+$control-border-color: $icon-color;
+$control-border-active-color: $primary-color;
+$control-border-hover-color: transparentize($control-border-active-color, 0.8);
+
 $icon-button-color: $icon-color;
 $icon-button-hover-color: $icon-hover-color;
 $contained-button-color: $primary-color;
@@ -22,6 +25,11 @@ $text-button-color: $contained-button-color;
 $text-button-hover-color: transparentize($text-button-color, 0.8);
 $text-button-focus-color: transparentize($text-button-color, 0.7);
 
+$bg-color: #fafafa;
+
+$toggle-thumb-active-color: $primary-color;
+$toggle-track-active-color: lighten($toggle-thumb-active-color, 18%);
+
 $border-color: lighten($icon-color, 30%);
 $border-hover-color: darken($border-color, 30%);
 $border-active-color: $primary-color;
diff --git a/app/javascript/styles/mastodon-material/profiles/y-zu-light/layout.scss b/app/javascript/styles/mastodon-material/profiles/y-zu-light/layout.scss
index 88c66fb64..0c3d2a73e 100644
--- a/app/javascript/styles/mastodon-material/profiles/y-zu-light/layout.scss
+++ b/app/javascript/styles/mastodon-material/profiles/y-zu-light/layout.scss
@@ -1,5 +1,9 @@
 // Add your customization below
 
-$avater-radius: 2px;
+$avatar-radius: 2px;
 
-$text-area-border: outlined;
\ No newline at end of file
+$button-on-status: outlined; 
+
+$cw-area-border: outlined;
+
+$compose-area-border: outlined;
\ No newline at end of file