diff --git a/bfrontend/src/Styles/Components/Containers.scss b/bfrontend/src/Styles/Components/Containers.scss index e16be39..1aa61c3 100644 --- a/bfrontend/src/Styles/Components/Containers.scss +++ b/bfrontend/src/Styles/Components/Containers.scss @@ -2,7 +2,6 @@ padding: 0px; margin: 0px; display: flex; - background-color: var(--background-color); min-height: 100vh; max-height: 100vh; flex-direction: row; diff --git a/bfrontend/src/Styles/Components/Message.scss b/bfrontend/src/Styles/Components/Message.scss index c47695e..f01b18d 100644 --- a/bfrontend/src/Styles/Components/Message.scss +++ b/bfrontend/src/Styles/Components/Message.scss @@ -1,11 +1,8 @@ .message { - display: flex; flex-direction: row; margin: 2px; padding: 1px; - border-radius: var(--channel-message-border-radius); - background-color: var(--channel-message-color); max-width: 150px; } diff --git a/bfrontend/src/Styles/root.scss b/bfrontend/src/Styles/root.scss index 34c958d..14ae3b9 100644 --- a/bfrontend/src/Styles/root.scss +++ b/bfrontend/src/Styles/root.scss @@ -18,31 +18,23 @@ hsl(225, 35%, 40%) ); - --elevated-modal-border-radius: 10px; - --default-scrollbar-color: var(--accent-color); --default-scrollbar-color-track: var(--background-color); --default-scrollbar-width: 1px; --channel-top-bar-color-accent: var(--background-color); --channel-top-bar-color: var(--background-color); + --sidebar-background-color: hsl(230, 12%, 12%); --elevation-box-shadow: 0 1px 0 0 hsla(230, 12%, 5%, 0.3), 0 2px 0 0 hsla(230, 12%, 6%, 0.2), 0 3px 0 0 hsla(230, 12%, 7%, 0.1); --message-box-color: var(--accent-color); - --sidebar-background-color: hsl(230, 12%, 12%); - - --channel-message-list-background-color: var(--accent-color-dark); - --channel-message-color: var(--accent-color-dark); - --channel-view-container-color: var(--accent-color-dark); - --button-color: var(--accent-color-dark); --button-hover-background-color: var(--accent-color); --button-selected-background-color: var(--accent-color); --channel-button-background: none; - --default-border-radius: 0px; --default-button-border-radius: 0px; - --channel-message-border-radius: 0px; --channel-button-border-radius: 10px; --message-box-border-radius: 10px; + --elevated-modal-border-radius: 10px; } \ No newline at end of file