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