diff --git a/src/styles/themes/city-lights.scss b/src/styles/themes/city-lights.scss index c7ef93e7..63cec3ca 100644 --- a/src/styles/themes/city-lights.scss +++ b/src/styles/themes/city-lights.scss @@ -1,28 +1,28 @@ .theme-city-lights { - --border-radius: 4px; - --body-background: #12141C; - --danger-background: #fa023c; - --danger-text-color: #fcfcfc; - --game-card-background: #12141C; - --game-card-text-color: #fc0; - --header-text-color: #fcfcfc; - --accent-color: #8B76C1; - --list-background: #0b212f; - --list-header-background: #003b4a; - --list-header-text-color: #fcfcfc; - --modal-background: #0b212f; - --modal-text-color: #fcfcfc; - --note-color: #ffae42; - --progress-primary-color: #8B76C1; - --progress-secondary-color: #003b4a; - --progress-text-color: #12141C; - --primary-background: #003b4a; - --primary-text-color: #fcfcfc; - --rating-star-color: #ffae42; - --secondary-background: #0b212f; - --secondary-text-color: #fcfcfc; - --success-background: #8B76C1; - --success-text-color: #414548; - --warning-background: #ffae42; - --warning-text-color: #734100; + --border-radius: 4px; + --body-background: #12141C; + --danger-background: #fa023c; + --danger-text-color: #fcfcfc; + --game-card-background: #12141C; + --game-card-text-color: #fc0; + --header-text-color: #fcfcfc; + --accent-color: #8B76C1; + --list-background: #0b212f; + --list-header-background: #003b4a; + --list-header-text-color: #fcfcfc; + --modal-background: #0b212f; + --modal-text-color: #fcfcfc; + --note-color: #ffae42; + --progress-primary-color: #8B76C1; + --progress-secondary-color: #003b4a; + --progress-text-color: #12141C; + --primary-background: #003b4a; + --primary-text-color: #fcfcfc; + --rating-star-color: #ffae42; + --secondary-background: #0b212f; + --secondary-text-color: #fcfcfc; + --success-background: #8B76C1; + --success-text-color: #414548; + --warning-background: #ffae42; + --warning-text-color: #734100; } diff --git a/src/styles/themes/dark.scss b/src/styles/themes/dark.scss index 5a5cee6e..2298b921 100644 --- a/src/styles/themes/dark.scss +++ b/src/styles/themes/dark.scss @@ -1,28 +1,28 @@ .theme-dark { --border-radius: 4px; - --body-background: #222; - --danger-background: #fa023c; - --danger-text-color: #fff; - --game-card-background: #A6A2A2; - --game-card-text-color: #222; - --header-text-color: #fff; - --accent-color: #fc0; - --list-background: #555; - --list-header-background: #333; - --list-header-text-color: #c0c0c0; - --modal-background: #414548; - --modal-text-color: #fff; - --note-color: #ffae42; - --progress-primary-color: #fc0; - --progress-secondary-color: #333; - --progress-text-color: #222; - --primary-background: #333; - --primary-text-color: #c0c0c0; - --rating-star-color: #ffae42; - --secondary-background: #333; - --secondary-text-color: #fff; - --success-background: #0ab9e6; - --success-text-color: #414548; - --warning-background: #ffae42; - --warning-text-color: #734100; + --body-background: #222; + --danger-background: #fa023c; + --danger-text-color: #fff; + --game-card-background: #A6A2A2; + --game-card-text-color: #222; + --header-text-color: #fff; + --accent-color: #fc0; + --list-background: #555; + --list-header-background: #333; + --list-header-text-color: #c0c0c0; + --modal-background: #414548; + --modal-text-color: #fff; + --note-color: #ffae42; + --progress-primary-color: #fc0; + --progress-secondary-color: #333; + --progress-text-color: #222; + --primary-background: #333; + --primary-text-color: #c0c0c0; + --rating-star-color: #ffae42; + --secondary-background: #333; + --secondary-text-color: #fff; + --success-background: #0ab9e6; + --success-text-color: #414548; + --warning-background: #ffae42; + --warning-text-color: #734100; } diff --git a/src/styles/themes/default.scss b/src/styles/themes/default.scss index 06e43a22..e28e7a27 100644 --- a/src/styles/themes/default.scss +++ b/src/styles/themes/default.scss @@ -1,30 +1,30 @@ .theme-default { --border-radius: 4px; - --body-background: #a5a2a2; - --danger-background: #fa023c; - --danger-text-color: #fff; - --game-card-background: #ffffff; - --game-card-text-color: #333333; - --placeholder-background: #e5e5e5; - --placeholder-accent: #ffffff; - --header-text-color: #222222; - --accent-color: #1dbc60; - --list-background: #e5e5e5; - --list-header-background: #555555; - --list-header-text-color: #ffffff; - --modal-background: #414548; - --modal-text-color: #fff; - --note-color: #ffae42; - --progress-primary-color: #1dbc60; - --progress-secondary-color: #a5a2a2; - --progress-text-color: #333333; - --primary-background: #{darken(#555, 10%)}; - --primary-text-color: #ffffff; - --rating-star-color: #ffae42; - --secondary-background: #e5e5e5; - --secondary-text-color: #222222; - --success-background: #1dbc60; - --success-text-color: #ffffff; - --warning-background: #ffae42; - --warning-text-color: #734100; + --body-background: #a5a2a2; + --danger-background: #fa023c; + --danger-text-color: #fff; + --game-card-background: #ffffff; + --game-card-text-color: #333333; + --placeholder-background: #e5e5e5; + --placeholder-accent: #ffffff; + --header-text-color: #222222; + --accent-color: #1dbc60; + --list-background: #e5e5e5; + --list-header-background: #555555; + --list-header-text-color: #ffffff; + --modal-background: #414548; + --modal-text-color: #fff; + --note-color: #ffae42; + --progress-primary-color: #1dbc60; + --progress-secondary-color: #a5a2a2; + --progress-text-color: #333333; + --primary-background: #{darken(#555, 10%)}; + --primary-text-color: #ffffff; + --rating-star-color: #ffae42; + --secondary-background: #e5e5e5; + --secondary-text-color: #222222; + --success-background: #1dbc60; + --success-text-color: #ffffff; + --warning-background: #ffae42; + --warning-text-color: #734100; } diff --git a/src/styles/themes/hyrule.scss b/src/styles/themes/hyrule.scss index b6d6378e..50b87fca 100644 --- a/src/styles/themes/hyrule.scss +++ b/src/styles/themes/hyrule.scss @@ -1,28 +1,28 @@ .theme-hyrule { --border-radius: 4px; - --body-background: #287135; - --danger-background: #ea550b; - --danger-text-color: #{darken(#ea550b, 30%)}; - --game-card-background: #{lighten(#714a2f, 5%)}; - --game-card-text-color: #{lighten(#714a2f, 50%)}; - --header-text-color: #{lighten(#0e5135, 50%)}; - --accent-color: #ffda00; - --list-background: #{darken(#714a2f, 5%)}; - --list-header-background: #{darken(#714a2f, 10%)}; - --list-header-text-color: #{lighten(#613F19, 40%)}; - --modal-background: #{darken(#5c4639, 10%)}; - --modal-text-color: #{lighten(#5c4639, 60%)}; - --note-color: #FCCFB6; - --progress-primary-color: #{lighten(#0e5135, 20%)}; - --progress-secondary-color: #{darken(#714a2f, 10%)}; - --progress-text-color: #{lighten(#5c4639, 60%)}; - --primary-background: #0e5135; - --primary-text-color: #{lighten(#0e5135, 20%)}; - --rating-star-color: #f7a400; - --secondary-background: #{darken(#714a2f, 10%)}; - --secondary-text-color: #{lighten(#613F19, 40%)}; - --success-background: #324b81; - --success-text-color: #{lighten(#324b81, 50%)}; - --warning-background: #CC9E48; - --warning-text-color: #000; + --body-background: #287135; + --danger-background: #ea550b; + --danger-text-color: #{darken(#ea550b, 30%)}; + --game-card-background: #{lighten(#714a2f, 5%)}; + --game-card-text-color: #{lighten(#714a2f, 50%)}; + --header-text-color: #{lighten(#0e5135, 50%)}; + --accent-color: #ffda00; + --list-background: #{darken(#714a2f, 5%)}; + --list-header-background: #{darken(#714a2f, 10%)}; + --list-header-text-color: #{lighten(#613F19, 40%)}; + --modal-background: #{darken(#5c4639, 10%)}; + --modal-text-color: #{lighten(#5c4639, 60%)}; + --note-color: #FCCFB6; + --progress-primary-color: #{lighten(#0e5135, 20%)}; + --progress-secondary-color: #{darken(#714a2f, 10%)}; + --progress-text-color: #{lighten(#5c4639, 60%)}; + --primary-background: #0e5135; + --primary-text-color: #{lighten(#0e5135, 20%)}; + --rating-star-color: #f7a400; + --secondary-background: #{darken(#714a2f, 10%)}; + --secondary-text-color: #{lighten(#613F19, 40%)}; + --success-background: #324b81; + --success-text-color: #{lighten(#324b81, 50%)}; + --warning-background: #CC9E48; + --warning-text-color: #000; } diff --git a/src/styles/themes/tomorrow-night-bright.scss b/src/styles/themes/tomorrow-night-bright.scss index 9092c426..3064353a 100644 --- a/src/styles/themes/tomorrow-night-bright.scss +++ b/src/styles/themes/tomorrow-night-bright.scss @@ -1,28 +1,28 @@ .theme-tomorrow-night-bright { - --border-radius: 4px; - --body-background: #000000; - --danger-background: #d54e53; - --danger-text-color: #fff; - --game-card-background: #000000; - --game-card-text-color: #fff; - --header-text-color: #fff; - --accent-color: #e78c45; - --list-background: #000000; - --list-header-background: #000000; - --list-header-text-color: #fff; - --modal-background: #2a2a2a; - --modal-text-color: #fff; - --note-color: #7aa6da; - --progress-primary-color: #b9ca4a; - --progress-secondary-color: #2a2a2a; - --progress-text-color: #2a2a2a; - --primary-background: #424242; - --primary-text-color: #fff; - --rating-star-color: #e7c547; - --secondary-background: #2a2a2a; - --secondary-text-color: #fff; - --success-background: #b9ca4a; - --success-text-color: #424242; - --warning-background: #d54e53; - --warning-text-color: #fff; + --border-radius: 4px; + --body-background: #000000; + --danger-background: #d54e53; + --danger-text-color: #fff; + --game-card-background: #000000; + --game-card-text-color: #fff; + --header-text-color: #fff; + --accent-color: #e78c45; + --list-background: #000000; + --list-header-background: #000000; + --list-header-text-color: #fff; + --modal-background: #2a2a2a; + --modal-text-color: #fff; + --note-color: #7aa6da; + --progress-primary-color: #b9ca4a; + --progress-secondary-color: #2a2a2a; + --progress-text-color: #2a2a2a; + --primary-background: #424242; + --primary-text-color: #fff; + --rating-star-color: #e7c547; + --secondary-background: #2a2a2a; + --secondary-text-color: #fff; + --success-background: #b9ca4a; + --success-text-color: #424242; + --warning-background: #d54e53; + --warning-text-color: #fff; } diff --git a/src/styles/themes/tomorrow-night.scss b/src/styles/themes/tomorrow-night.scss index a383b3f8..61c8aef8 100644 --- a/src/styles/themes/tomorrow-night.scss +++ b/src/styles/themes/tomorrow-night.scss @@ -1,28 +1,28 @@ .theme-tomorrow-night { --border-radius: 4px; - --body-background: #1d1f21; - --danger-background: #cc6666; - --danger-text-color: #fff; - --game-card-background: #1d1f21; - --game-card-text-color: #fff; - --header-text-color: #fff; - --accent-color: #de935f; - --list-background: #1d1f21; - --list-header-background: #1d1f21; - --list-header-text-color: #fff; - --modal-background: #282a2e; - --modal-text-color: #fff; - --note-color: #81a2be; - --progress-primary-color: #b5bd68; - --progress-secondary-color: #373b41; - --progress-text-color: #282a2e; - --primary-background: #373b41; - --primary-text-color: #fff; - --rating-star-color: #f0c674; - --secondary-background: #282a2e; - --secondary-text-color: #fff; - --success-background: #b5bd68; - --success-text-color: #373b41; - --warning-background: #cc6666; - --warning-text-color: #fff; + --body-background: #1d1f21; + --danger-background: #cc6666; + --danger-text-color: #fff; + --game-card-background: #1d1f21; + --game-card-text-color: #fff; + --header-text-color: #fff; + --accent-color: #de935f; + --list-background: #1d1f21; + --list-header-background: #1d1f21; + --list-header-text-color: #fff; + --modal-background: #282a2e; + --modal-text-color: #fff; + --note-color: #81a2be; + --progress-primary-color: #b5bd68; + --progress-secondary-color: #373b41; + --progress-text-color: #282a2e; + --primary-background: #373b41; + --primary-text-color: #fff; + --rating-star-color: #f0c674; + --secondary-background: #282a2e; + --secondary-text-color: #fff; + --success-background: #b5bd68; + --success-text-color: #373b41; + --warning-background: #cc6666; + --warning-text-color: #fff; }