Add BetterDiscord themes and plugin configurations for customization

2026-02-21 14:17:51 +01:00
parent ff0be9b328
commit 19f4a500dc
87 changed files with 68305 additions and 35 deletions
@@ -0,0 +1,90 @@
+/**
+ * @name Translucence
+ * @version 1.0.7
+ * @description A translucent/frosted glass Discord theme
+ * @author CapnKitten
+ *
+ * @website http://github.com/CapnKitten
+ * @source https://github.com/CapnKitten/BetterDiscord/blob/master/Themes/Translucence/css/source.css
+ * @donate https://paypal.me/capnkitten
+ * @invite jzJkA6Z
+ */
+
+@import url(https://capnkitten.github.io/BetterDiscord/Themes/Translucence/css/source.css);
+
+:root {
+	/* APP ELEMENTS */
+	--app-bg: "";
+	--app-blur: 6px;
+	--app-margin: 24px;
+	--app-radius: 8px;
+
+	/* ACCENT HSL AND TEXT COLOR SETTINGS */
+	--accent-hue: 156;
+	--accent-saturation: 50%;
+	--accent-lightness: 25%;
+	--accent-opacity: 1;
+	--accent-text-color: hsl(0,0%,0%);
+
+	/* SIDEBARS AND CHAT AREA COLOR SETTINGS */
+	--sidebar-color: hsl(0,0%,0%,0.4);
+	--main-content-color: hsl(0,0%,0%,0.2);
+
+	/* MESSAGE SETTINGS */
+	--message-color: hsl(0,0%,0%,0.4);
+	--message-radius: 8px;
+	--message-padding-top: 8px;
+	--message-padding-side: 8px;
+
+	/* REPLY HSL COLOR SETTINGS */
+	--reply-hue: 226;
+	--reply-saturation: 77.4%;
+	--reply-lightness: 61.8%;
+	--reply-opacity: 1;
+
+	/* TEXTAREA SETTINGS */
+	--textarea-color: 255,255,255;
+	--textarea-alpha: 0.1;
+	--textarea-alpha-focus: 0.15;
+	--textarea-text-color: hsl(0,0%,100%);
+	--textarea-radius: 22px;
+
+	/* CARD SETTINGS */
+	--card-color: hsl(0,0%,0%,0.4);
+	--card-color-hover: hsl(0,0%,0%,0.5);
+	--card-color-select: hsl(0,0%,0%,0.7);
+
+	/* BUTTON SETTINGS */
+	--button-height: 32px;
+	--button-padding: 0 16px;
+	--button-action-color: hsl(0,0%,0%);
+	--button-radius: 16px;
+}
+
+@supports (color:color-mix(in lch,red,blue)) {
+    .visual-refresh .theme-dark,
+    .visual-refresh.theme-dark {
+		/* TEXT COLOR SETTINGS */
+		--text-primary: hsl(0,0%,100%);
+		--text-secondary: hsl(0,0%,77%);
+
+		/* CHANNEL COLOR SETTINGS */
+		--channels-default: hsl(0,0%,62%);
+		--channel-icon: hsl(0,0%,62%);
+
+		/* ICON COLOR SETTINGS */
+		--icon-primary: hsl(0,0%,96%);
+		--icon-secondary: hsl(0,0%,84%);
+		--icon-tertiary: hsl(0,0%,71%);
+
+		/* INTERACTIVE COLOR SETTINGS */
+		--interactive-normal: hsl(0,0%,79%);
+		--interactive-hover: hsl(0,0%,91%);
+		--interactive-active: hsl(0,0%,100%);
+		--interactive-muted: hsl(0,0%,43%);
+
+		/* BACKGROUND MODIFIER SETTINGS */
+		--background-modifier-hover: hsl(0,0%,100%,0.075);
+		--background-modifier-selected: hsl(0,0%,100%,0.125);
+    }
+}