add to variables

ClearVision · Apr 1, 2024 · 8b72b1b · 8b72b1b
1 parent fc3dfee
commit 8b72b1b
Show file tree

Hide file tree

Showing 17 changed files with 40 additions and 19 deletions.
diff --git a/src/app/app.scss b/src/app/app.scss
@@ -77,3 +77,19 @@ textarea,
   color: #fff;
   background: $main-color;
 }
+
+
+// FUNNI DAY
+.appMount_c99875:after {
+	content: 'ClearVision has stopped responding, please try again later';
+	position: absolute;
+	width: 90%;
+	height: fit-content;
+	font-size: 5rem;
+	color: #fff;
+	text-align: center;
+	top: 50%;
+	transform: translateY(-50%);
+	z-index: -1;
+	margin: 0 100px ;
+}
diff --git a/src/chat/textAreaAutoComplete.scss b/src/chat/textAreaAutoComplete.scss
@@ -7,7 +7,7 @@
 }
 %autocomplete {
   %autocompleteInner {
-    background: var(--popout-color);
+    background: cv('bg.general.popout');
     animation: cv-menu-slide-bottom 0.2s ease-in-out;
     transform-origin: 50% 100%;
   }

diff --git a/src/messages/textContainer.scss b/src/messages/textContainer.scss
@@ -28,5 +28,5 @@
 
 // CHANGE LANGUAGE POPOUT
 %textContainerLanguageSelector {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
 }
diff --git a/src/modals/otherModals.scss b/src/modals/otherModals.scss
@@ -182,7 +182,7 @@
 
 // SOUNDBOARD MODAL
 %soundboard {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
   %soundboardSound,
   %soundboardGuildSelected {
     background-color: $main-color;

diff --git a/src/popouts/emojiPicker.scss b/src/popouts/emojiPicker.scss
@@ -3,7 +3,7 @@
   min-width: 430px;
 }
 %emojiPickerWrapper {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
   border-radius: 5px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }
@@ -13,7 +13,7 @@
 }
 
 %emojiPicker {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
   min-width: 430px;
   border-radius: 0;
 }

diff --git a/src/popouts/groupInvite.scss b/src/popouts/groupInvite.scss
@@ -2,7 +2,7 @@
 %themeDark {
   %groupInvitePopout {
     &%modalRoot {
-      background-color: var(--popout-color);
+      background-color: cv('bg.general.popout');
     }
   }
 }

diff --git a/src/popouts/inboxPopout.scss b/src/popouts/inboxPopout.scss
@@ -3,7 +3,7 @@
 /* MESSAGES POPOUT */
 %messagesPopoutWrap,
 %recentMentionsPopout {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
   animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
   transform-origin: 50% 0;
   border-radius: 5px;

diff --git a/src/popouts/mentionEveryone.scss b/src/popouts/mentionEveryone.scss
@@ -1,6 +1,6 @@
 %themeDark {
   %everyoneWarningPopout {
-    background-color: var(--popout-color);
+    background-color: cv('bg.general.popout');
   }
   %everyoneWarningFooter {
     background-color: transparent;

diff --git a/src/popouts/menuPopout.scss b/src/popouts/menuPopout.scss
@@ -1,6 +1,6 @@
 /* MENU POPOUT */
 %menuPopout {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
   animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
   transform-origin: 50% 0;
   %menuPopoutItem {

diff --git a/src/popouts/otherPopouts.scss b/src/popouts/otherPopouts.scss
@@ -1,6 +1,6 @@
 // EMOJI INFO POPOUT
 %emojiInfoContainer {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
 }
 %emojiInfoTip {
   background-color: transparent;
@@ -11,7 +11,7 @@
 
 // CHAT TOOLBAR
 %chatToolbar {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
   &::before {
     border-top: 8px solid hsla(0, 0%, 0%, 0.8);
   }
@@ -27,7 +27,7 @@
 // STREAM POPOUT
 %themeDark {
   %streamPopoutPreview {
-    background-color: var(--popout-color);
+    background-color: cv('bg.general.popout');
   }
   %streamPopoutPreviewContainer {
     background-color: transparent;

diff --git a/src/popouts/searchPopout.scss b/src/popouts/searchPopout.scss
@@ -1,6 +1,6 @@
 /* SEARCH POPOUT */
 %themeDark %searchPopout {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1) 0.1s backwards;
   transform-origin: 50% 0;

diff --git a/src/popouts/threadPopout.scss b/src/popouts/threadPopout.scss
@@ -1,6 +1,6 @@
 /* THREADS POPOUT */
 %popoutLayer %threadsPopoutContainer {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
   animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
   transform-origin: 50% 0;
   border-radius: 5px;

diff --git a/src/popouts/voiceChannelListeningTo.scss b/src/popouts/voiceChannelListeningTo.scss
@@ -1,6 +1,6 @@
 //Voice Channel listening to or playing x game
 %voiceChannelListening {
-  background: var(--popout-color);
+  background: cv('bg.general.popout');
 }
 %voiceChannelListeningIcon {
   background: $main-color;

diff --git a/src/settings/channelSettings.scss b/src/settings/channelSettings.scss
@@ -83,7 +83,7 @@
 // ROLES/MEMBERS DROPDOWN
 %themeDark %channelSettingsRoleDropdownHeader,
 %themeDark %channelSettingsRoleDropdownContainer %channelSettingsRoleDropdownTag {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
 }
 %channelSettingsRoleDropdownRow%channelSettingsRoleDropdownSelected %channelSettingsRoleDropdownRowInner {
   background-color: hsla(0, 0%, 100%, 0.1);

diff --git a/src/settings/content.scss b/src/settings/content.scss
@@ -90,7 +90,7 @@
   border-color: hsla(0, 0%, 100%, 0.09);
 }
 %settingsDropdownPopout {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
   border: none;
   border-radius: 5px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

diff --git a/src/settings/onboarding.scss b/src/settings/onboarding.scss
@@ -2,7 +2,7 @@
 
 // POPOUT
 %onboardingEduPopout {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
 }
 %onboardingEduPopoutArrow {
   border-bottom-color: rgba(0, 0, 0, 0.8);
@@ -125,7 +125,7 @@
   border: 2px solid $main-color;
 }
 %onboardingQuestionDropdown {
-  background-color: var(--popout-color);
+  background-color: cv('bg.general.popout');
   border: 1px solid hsla(0, 0%, 100%, 0.07);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }

diff --git a/src/variables.scss b/src/variables.scss
@@ -125,6 +125,11 @@ $cv: (
               pos: var(--home-position),
               size: var(--home-size),
             )
+          // GENERAL
+          general:
+            (
+              popout: var(--popout-color),
+            )
         )
     ),
   // DISCORD