update

CreArts-Community · Jul 8, 2021 · 8f0146c · 8f0146c
1 parent bab4f2d
commit 8f0146c
Show file tree

Hide file tree

Showing 11 changed files with 187 additions and 204 deletions.
diff --git a/addons/link-buttons.css b/addons/link-buttons.css
@@ -0,0 +1,51 @@
+.markup-2BOw-j > [href^="https://discord.com/channels/"],
+.markup-2BOw-j > [href^="https://ptb.discord.com/channels/"],
+.markup-2BOw-j > [href^="https://canary.discord.com/channels/"],
+.markup-2BOw-j > [href^="https://dev.discord.com/channels/"] {
+  color: transparent;
+  font-size: 0px;
+}
+
+.topic-TCb_qw .expandable-9fI_e3 > [href^="https://discord.com/channels/"]:before,
+.markup-2BOw-j > [href^="https://discord.com/channels/"]:before,
+.markup-2BOw-j > [href^="https://ptb.discord.com/channels/"]:before,
+.markup-2BOw-j > [href^="https://canary.discord.com/channels/"]:before,
+.markup-2BOw-j > [href^="https://dev.discord.com/channels/"]:before {
+  background: var(--accent-primary);
+  content: "Go to Message";
+  position: relative;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: "Quicksand";
+  bottom: 0px;
+  right: 0px;
+  color: var(--accent-text-secondary);
+  text-transform: uppercase;
+  width: 120px;
+  border-radius: var(--radius-secondary);
+  padding: 3px 28px 4px 8px;
+  margin-right: -8px;
+}
+
+[href^="https://discord.com/channels/"]:hover:before,
+[href^="https://ptb.discord.com/channels/"]:hover:before,
+[href^="https://canary.discord.com/channels/"]:hover:before,
+[href^="https://dev.discord.com/channels/"]:hover:before {
+  background: var(--accent-secondary);
+}
+
+.markup-2BOw-j > [href^="https://discord.com/channels/"]:after,
+.markup-2BOw-j > [href^="https://ptb.discord.com/channels/"]:after,
+.markup-2BOw-j > [href^="https://canary.discord.com/channels/"]:after,
+.markup-2BOw-j > [href^="https://dev.discord.com/channels/"]:after {
+  position: relative;
+  content: "";
+  bottom: 1px;
+  right: 14px;
+  border: solid var(--accent-text-primary);
+  border-width: 0 3px 3px 0;
+  display: inline-block;
+  padding: 3px;
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
diff --git a/addons/link-buttons.scss b/addons/link-buttons.scss
@@ -0,0 +1,59 @@
+// ╔══════════════════════════╦═════════════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗
+// ║ Addons                   ║ Link Buttons (Discord Message)                                                          ║
+// ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝
+
+// Hide Link
+.markup-2BOw-j > [href^="https://discord.com/channels/"],
+.markup-2BOw-j > [href^="https://ptb.discord.com/channels/"],
+.markup-2BOw-j > [href^="https://canary.discord.com/channels/"],
+.markup-2BOw-j > [href^="https://dev.discord.com/channels/"] {
+color: transparent;
+font-size: 0px;
+}
+
+// Button
+.topic-TCb_qw .expandable-9fI_e3 > [href^="https://discord.com/channels/"]:before,
+.markup-2BOw-j > [href^="https://discord.com/channels/"]:before,
+.markup-2BOw-j > [href^="https://ptb.discord.com/channels/"]:before,
+.markup-2BOw-j > [href^="https://canary.discord.com/channels/"]:before,
+.markup-2BOw-j > [href^="https://dev.discord.com/channels/"]:before {
+  background: var(--accent-primary);
+  content: 'Go to Message';
+  position: relative;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: 'Quicksand';
+  bottom: 0px;
+  right: 0px;
+  color: var(--accent-text-secondary);
+  text-transform: uppercase;
+  width: 120px;
+  border-radius: var(--radius-secondary);
+  padding: 3px 28px 4px 8px;
+  margin-right: -8px;
+}
+
+// Hover
+[href^="https://discord.com/channels/"]:hover:before,
+[href^="https://ptb.discord.com/channels/"]:hover:before,
+[href^="https://canary.discord.com/channels/"]:hover:before,
+[href^="https://dev.discord.com/channels/"]:hover:before {
+  background: var(--accent-secondary);
+}
+
+// Arrow
+.markup-2BOw-j > [href^="https://discord.com/channels/"]:after,
+.markup-2BOw-j > [href^="https://ptb.discord.com/channels/"]:after,
+.markup-2BOw-j > [href^="https://canary.discord.com/channels/"]:after,
+.markup-2BOw-j > [href^="https://dev.discord.com/channels/"]:after {
+  position: relative;
+  content: '';
+  bottom: 1px;
+  right: 14px;
+  border: solid var(--accent-text-primary);
+  border-width: 0 3px 3px 0;
+  display: inline-block;
+  padding: 3px;
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
diff --git a/powercord_manifest.json b/powercord_manifest.json
@@ -4,6 +4,6 @@
     "author": "CorellanStoma#1996",
     "description": "CreArts is a customizable Powercord theme that changes the look of Discord.",
     "license": "MIT",
-    "theme": "theme.scss",
-    "splashTheme": "splash.scss"
+    "theme": "theme.css",
+    "splashTheme": "splash.css"
 }
diff --git a/src/01-base/_experimental.scss b/src/01-base/_experimental.scss
@@ -361,61 +361,7 @@ color: rgba(255, 0, 0, 0.226);
 }
 */
 
-// Hide Link
-.markup-2BOw-j > [href^="https://discord.com/channels/"],
-.markup-2BOw-j > [href^="https://ptb.discord.com/channels/"],
-.markup-2BOw-j > [href^="https://canary.discord.com/channels/"],
-.markup-2BOw-j > [href^="https://dev.discord.com/channels/"] {
-color: transparent;
-font-size: 0px;
-}
 
-// Button
-.topic-TCb_qw .expandable-9fI_e3 > [href^="https://discord.com/channels/"]:before,
-.markup-2BOw-j > [href^="https://discord.com/channels/"]:before,
-.markup-2BOw-j > [href^="https://ptb.discord.com/channels/"]:before,
-.markup-2BOw-j > [href^="https://canary.discord.com/channels/"]:before,
-.markup-2BOw-j > [href^="https://dev.discord.com/channels/"]:before {
-  background: var(--accent-primary);
-  content: 'Go to Message';
-  position: relative;
-  font-size: 14px;
-  font-weight: 600;
-  font-family: 'Quicksand';
-  bottom: 0px;
-  right: 0px;
-  color: var(--accent-text-secondary);
-  text-transform: uppercase;
-  width: 120px;
-  border-radius: var(--radius-secondary);
-  padding: 3px 28px 4px 8px;
-  margin-right: -8px;
-}
-
-// Hover
-[href^="https://discord.com/channels/"]:hover:before,
-[href^="https://ptb.discord.com/channels/"]:hover:before,
-[href^="https://canary.discord.com/channels/"]:hover:before,
-[href^="https://dev.discord.com/channels/"]:hover:before {
-  background: var(--accent-secondary);
-}
-
-// Arrow
-.markup-2BOw-j > [href^="https://discord.com/channels/"]:after,
-.markup-2BOw-j > [href^="https://ptb.discord.com/channels/"]:after,
-.markup-2BOw-j > [href^="https://canary.discord.com/channels/"]:after,
-.markup-2BOw-j > [href^="https://dev.discord.com/channels/"]:after {
-  position: relative;
-  content: '';
-  bottom: 1px;
-  right: 14px;
-  border: solid var(--accent-text-primary);
-  border-width: 0 3px 3px 0;
-  display: inline-block;
-  padding: 3px;
-  transform: rotate(-45deg);
-  -webkit-transform: rotate(-45deg);
-}
 
 
 
@@ -427,9 +373,8 @@ font-size: 0px;
 // Edited
 .edited-3sfAzf {
   color: transparent;
-  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='29px' viewBox='0 0 24 24' width='20px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center/16px no-repeat;
-  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 0 24 24' width='20px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center/16px no-repeat;
-  background: var(--text-muted);
+  -webkit-mask: var(--icon-edited);
+  mask: var(--icon-edited);background: var(--text-muted);
   position: relative;
   left: -6px;
   bottom: 2px;

diff --git a/src/01-base/_icons.scss b/src/01-base/_icons.scss
@@ -1,20 +1,13 @@
 // ╔══════════════════════════╦═════════════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗
-// ║ Icons                    ║ Dark                                                                                    ║
+// ║ Icons                    ║                                                                                         ║
 // ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝
 
-.theme-dark {
+:root {
 --icon-windows-minimize: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 48 48' version='1.1' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='ArtBoard1' x='0' y='0' width='48' height='48' style='fill:none;'/%3E%3Cg id='ArtBoard11' serif:id='ArtBoard1'%3E%3Cg id='Titlebar'%3E%3Crect id='minimize' x='10' y='22' width='28' height='4' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 --icon-windows-maximize: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 48 48' version='1.1' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='ArtBoard1' x='0' y='0' width='48' height='48' style='fill:none;'/%3E%3Cg id='ArtBoard11' serif:id='ArtBoard1'%3E%3Cg id='Titlebar'%3E%3Cpath id='maximize' d='M36,12l-24,0l0,24l24,0l0,-24Zm-2,2l-20,0l0,20l20,0l0,-20Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 --icon-windows-window: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 48 48' version='1.1' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='ArtBoard1' x='0' y='0' width='48' height='48' style='fill:none;'/%3E%3Cg id='ArtBoard11' serif:id='ArtBoard1'%3E%3Cg id='Titlebar'%3E%3Cpath id='window' d='M31.5,16.5l-20,0l0,20l20,0l0,-20Zm2,15l3,0l0,-20l-20,0l0,3l17,0l0,17Zm0,7l0,-5l5,0l0,-24l-24,0l0,5l-5,0l0,24l24,0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 --icon-windows-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 48 48' version='1.1' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='ArtBoard1' x='0' y='0' width='48' height='48' style='fill:none;'/%3E%3Cg id='ArtBoard11' serif:id='ArtBoard1'%3E%3Cg id='Titlebar'%3E%3Cpath id='close' d='M38,12.82l-2.82,-2.82l-11.18,11.18l-11.18,-11.18l-2.82,2.82l11.18,11.18l-11.18,11.18l2.82,2.82l11.18,-11.18l11.18,11.18l2.82,-2.82l-11.18,-11.18l11.18,-11.18Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 
 --icon-cancel: path("M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z");
-}
-
-// ╔══════════════════════════╦═════════════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗
-// ║ Icons                    ║ Light                                                                                   ║
-// ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝
-
-.theme-light {
---icon-cancel: path("M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z");
+--icon-edited: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='29px' viewBox='0 0 24 24' width='20px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center/16px no-repeat;
 }
diff --git a/src/01-base/_logo.scss b/src/01-base/_logo.scss
@@ -1,15 +1,7 @@
 // ╔══════════════════════════╦═════════════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗
-// ║ Logo                     ║ Dark                                                                                    ║
+// ║ Logo                     ║                                                                                         ║
 // ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝
 
-.theme-dark {
-//--logo-crearts:;
-}
-
-// ╔══════════════════════════╦═════════════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗
-// ║ Logo                     ║ Light                                                                                   ║
-// ╚══════════════════════════╩═════════════════════════════════════════════════════════════════════════════════════════╝
-
-.theme-light {
-//--logo-crearts:;
+:root {
+--logo-crearts: url('https://raw.githubusercontent.com/CorellanStoma/CreArts/356267794c5fa057769fa1a6f55318af025b7e63/assets/icons/theme_logo.svg');
 }
diff --git a/src/01-base/_titlebar.scss b/src/01-base/_titlebar.scss
@@ -15,7 +15,7 @@
   position: fixed;
   content: "";
   border: var(--border) solid rgba( 255, 255, 255, 0.08 );
-  backdrop-filter: blur(var(--transparency-blur));
+  filter: blur(var(--transparency-blur));
   box-shadow: var(--shadows);
   border-bottom: var(--border);
   margin-top: -4px;
@@ -30,8 +30,8 @@
 
 // Version
 .wordmarkWindows-1v0lYD::before {
-  -webkit-mask: url('https://raw.githubusercontent.com/CorellanStoma/CreArts/356267794c5fa057769fa1a6f55318af025b7e63/assets/icons/theme_logo.svg');
-  mask: url('https://raw.githubusercontent.com/CorellanStoma/CreArts/356267794c5fa057769fa1a6f55318af025b7e63/assets/icons/theme_logo.svg');
+  -webkit-mask: var(--logo-crearts);
+  mask: var(--logo-crearts);
   background: var(--header-secondary);
   background-size: cover;
   height: 20px;

diff --git a/src/05-guild/_channels.scss b/src/05-guild/_channels.scss
@@ -53,14 +53,6 @@ top: -60px !important;
   background: transparent !important;
 }
 
-
-
-
-
-
-
-
-
 // ╔════════════════════╦═══════════════════════════════════════════════════════════════════════[─]═[□]═[×]═╗
 // ║ Channels           ║ Background                                                                        ║
 // ╚════════════════════╩═══════════════════════════════════════════════════════════════════════════════════╝