From 38b7c2d0d31cf77e20c139075657e1664a427fe7 Mon Sep 17 00:00:00 2001 From: KingRainbow44 Date: Tue, 16 May 2023 20:04:31 -0400 Subject: [PATCH] Change colors to fit _something suitable_ --- src/handbook/src/css/App.scss | 10 ++++++---- src/handbook/src/css/pages/EntitiesPage.scss | 2 +- src/handbook/src/css/pages/HomePage.scss | 6 +++--- src/handbook/src/css/pages/ItemsPage.scss | 2 +- src/handbook/src/css/widgets/Character.scss | 4 ++-- src/handbook/src/css/widgets/HomeButton.scss | 6 +++--- src/handbook/src/css/widgets/MiniCard.scss | 2 +- src/handbook/src/css/widgets/ObjectCard.scss | 2 +- src/handbook/src/css/widgets/ServerSettings.scss | 2 +- 9 files changed, 19 insertions(+), 17 deletions(-) diff --git a/src/handbook/src/css/App.scss b/src/handbook/src/css/App.scss index 228e80a85..13e54ff32 100644 --- a/src/handbook/src/css/App.scss +++ b/src/handbook/src/css/App.scss @@ -4,11 +4,13 @@ } html { - --background-color: #346b77; - --secondary-color: #418493; - --accent-color: #5abcb9; + --background-color: #25294a; + --primary-color: #2d325a; + --secondary-color: #202442; --text-primary-color: #FFFFFF; + --unselected-color: #c7c8d0; + --selected-color: #FFFFFF; --legendary-color: #926d45; --epic-color: #7b5c90; @@ -61,6 +63,6 @@ button { } ::-webkit-scrollbar-thumb { - background: var(--accent-color); + background: var(--primary-color); border-radius: 10px; } diff --git a/src/handbook/src/css/pages/EntitiesPage.scss b/src/handbook/src/css/pages/EntitiesPage.scss index b2e1e3d34..2e5a43b3b 100644 --- a/src/handbook/src/css/pages/EntitiesPage.scss +++ b/src/handbook/src/css/pages/EntitiesPage.scss @@ -49,7 +49,7 @@ align-items: center; border-radius: 10px; - background-color: var(--secondary-color); + background-color: var(--primary-color); } .EntitiesPage_Input { diff --git a/src/handbook/src/css/pages/HomePage.scss b/src/handbook/src/css/pages/HomePage.scss index bd21b4adf..68b0b58db 100644 --- a/src/handbook/src/css/pages/HomePage.scss +++ b/src/handbook/src/css/pages/HomePage.scss @@ -50,14 +50,14 @@ .HomePage_Box { display: flex; - background-color: var(--secondary-color); + background-color: var(--primary-color); } .HomePage_Disclaimer { display: flex; flex-direction: row; gap: 30px; - background-color: var(--secondary-color); + background-color: var(--primary-color); height: 100px; align-self: end; @@ -104,7 +104,7 @@ display: flex; flex-direction: column; gap: 10px; - background-color: var(--secondary-color); + background-color: var(--primary-color); max-width: 300px; diff --git a/src/handbook/src/css/pages/ItemsPage.scss b/src/handbook/src/css/pages/ItemsPage.scss index 2a4d77de5..7fc11c6d0 100644 --- a/src/handbook/src/css/pages/ItemsPage.scss +++ b/src/handbook/src/css/pages/ItemsPage.scss @@ -49,7 +49,7 @@ align-items: center; border-radius: 10px; - background-color: var(--secondary-color); + background-color: var(--primary-color); } .ItemsPage_Input { diff --git a/src/handbook/src/css/widgets/Character.scss b/src/handbook/src/css/widgets/Character.scss index 323612b7b..93139007a 100644 --- a/src/handbook/src/css/widgets/Character.scss +++ b/src/handbook/src/css/widgets/Character.scss @@ -15,7 +15,7 @@ &:hover { cursor: pointer; transition: 0.1s ease-in-out all; - box-shadow: 0 0 10px 5px var(--accent-color); + box-shadow: 0 0 10px 5px var(--primary-color); } } @@ -35,7 +35,7 @@ justify-content: center; align-items: center; - background-color: var(--secondary-color); + background-color: var(--primary-color); max-width: 100px; height: 40px; diff --git a/src/handbook/src/css/widgets/HomeButton.scss b/src/handbook/src/css/widgets/HomeButton.scss index 4b64fcd93..abc40ca40 100644 --- a/src/handbook/src/css/widgets/HomeButton.scss +++ b/src/handbook/src/css/widgets/HomeButton.scss @@ -6,7 +6,7 @@ width: 196px; height: 196px; - background-color: var(--secondary-color); + background-color: var(--primary-color); align-items: center; justify-content: center; @@ -18,7 +18,7 @@ &:hover { cursor: pointer; transition: 0.1s ease-in-out all; - box-shadow: 0 0 10px 5px var(--accent-color); + box-shadow: 0 0 10px 5px var(--primary-color); scale: 1.01; } } @@ -29,7 +29,7 @@ &:hover { cursor: pointer; - box-shadow: 0 0 10px 5px var(--accent-color); + box-shadow: 0 0 10px 5px var(--primary-color); scale: 1.01; } } diff --git a/src/handbook/src/css/widgets/MiniCard.scss b/src/handbook/src/css/widgets/MiniCard.scss index 06199c5a2..8d200465f 100644 --- a/src/handbook/src/css/widgets/MiniCard.scss +++ b/src/handbook/src/css/widgets/MiniCard.scss @@ -23,7 +23,7 @@ max-height: 64px; border-radius: 10px; - background-color: var(--secondary-color); + background-color: var(--primary-color); } .MiniCard_Icon { diff --git a/src/handbook/src/css/widgets/ObjectCard.scss b/src/handbook/src/css/widgets/ObjectCard.scss index 334d2132f..e962db2e2 100644 --- a/src/handbook/src/css/widgets/ObjectCard.scss +++ b/src/handbook/src/css/widgets/ObjectCard.scss @@ -13,7 +13,7 @@ box-sizing: border-box; border-radius: 10px; - background-color: var(--accent-color); + background-color: var(--primary-color); } .ObjectCard_Content { diff --git a/src/handbook/src/css/widgets/ServerSettings.scss b/src/handbook/src/css/widgets/ServerSettings.scss index f73568b5d..f763733e4 100644 --- a/src/handbook/src/css/widgets/ServerSettings.scss +++ b/src/handbook/src/css/widgets/ServerSettings.scss @@ -5,7 +5,7 @@ align-items: center; border-radius: 10px; - background-color: var(--accent-color); + background-color: var(--primary-color); width: 100%; height: 100%;