Add light mode support and update comments in Anicord theme styles

sang765 · Feb 15, 2025 · 4464ec1 · 4464ec1
1 parent 488a493
commit 4464ec1
Show file tree

Hide file tree

Showing 3 changed files with 1,389 additions and 35 deletions.
diff --git a/themes/Anicord.css b/themes/Anicord.css
@@ -17,3 +17,5 @@
 /* THEME IMPORT */
 /*dark mode*/
 @import url('https://sang765.github.io/Anicord-Theme/themes/Anicord.dark.css');
+/*light mode*/ /* BETA - STILL IN DEVELOPMENT */
+@import url('https://sang765.github.io/Anicord-Theme/themes/Anicord.light.css');
diff --git a/themes/Anicord.dark.css b/themes/Anicord.dark.css
@@ -867,7 +867,7 @@ div[class="iconWrapper__6eb54"] {
 .addButtonIcon__29444 {
     margin: auto;
 }
-/* * *  CLEAR VERSION V6 SETTINGS MENU * */
+/* * *  CLEARVISION V6 SETTINGS MENU * */
 .standardSidebarView__23e6b .sidebar__23e6b .side_b3f026 .item_b3f026.selected_b3f026 {
     background: hsla(var(--accent-hsl), 0.5);
     color: #fff;
@@ -1277,9 +1277,6 @@ html.theme-dark .panels_c48ade>.container__37e49:hover .flex__7c0ba> :not(:last-
 html.theme-dark .button__67645[aria-label="User Settings"] {
     margin-left: 10px;
 }
-html.theme-light .button__67645[aria-label="User Settings"] {
-    margin-left: 10px;
-}
 .container-6sXIoE .alignStretch_abf706.flex_abf706 {
     max-width: 190px;
     min-width: 190px;
@@ -1309,31 +1306,6 @@ html.theme-light .button__67645[aria-label="User Settings"] {
     min-width: 207px;
     transition: 0.3s;
 }
-/*floating user controls LIGHT*/
-html.theme-light .panels_c48ade {
-    background: rgba(228, 228, 228, 0.4) !important;
-    box-shadow: 0 5px 8px rgba(214, 214, 214, .5);
-    border-radius: 12px;
-    margin: 10px 10px 7px;
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    transition: margin .15s;
-}
-html.theme-light .panels_c48ade>.container__37e49 .flex__7c0ba> :not(:last-child) {
-    opacity: 30% !important;
-    width: 50px;
-    transition: all 0.3s;
-}
-html.theme-light .panels_c48ade>.container__37e49:hover .flex__7c0ba> :not(:last-child) {
-    opacity: 100% !important;
-    width: 40px;
-    margin-left: 10px;
-}
-html.theme-light .button__67645[aria-label="User Settings"] {
-    margin-left: 10px;
-}
 /* Fix for Vencord Game Activity Toggle Plugin */
 /* Duplicate Stuff */
 /* We should have a common file and then import them there instead of duplicating them */
@@ -1361,12 +1333,6 @@ html.theme-dark .panels_c48ade>.container__37e49:has(button[aria-label='Enable G
 html.theme-dark .panels_c48ade>.container__37e49:has(button[aria-label='Disable Game Activity']):hover .flex__7c0ba> :not(:last-child) {
     margin-left: 0px !important;
 }
-html.theme-light .panels_c48ade>.container__37e49:has(button[aria-label='Enable Game Activity']):hover .flex__7c0ba> :not(:last-child) {
-    margin-left: 0px !important;
-}
-html.theme-light .panels_c48ade>.container__37e49:has(button[aria-label='Disable Game Activity']):hover .flex__7c0ba> :not(:last-child) {
-    margin-left: 0px !important;
-}
 /* End of CHILLAX part*/
 html .sidebar_c48ade:has([class*=bottom] [class*=mentionsBar_]) .panels_c48ade,
 html .sidebar_c48ade:has(.bar__7aaec [d="M5.3 9.3a1 1 0 0 1 1.4 0l5.3 5.29 5.3-5.3a1 1 0 1 1 1.4 1.42l-6 6a1 1 0 0 1-1.4 0l-6-6a1 1 0 0 1 0-1.42Z"]) .panels_c48ade {