Add CosyDiscord

2025-02-13 10:40:38 +01:00 · 2025-02-13 10:40:38 +01:00 · a4ccbcad94
commit a4ccbcad94
parent 77138e49f7
1 changed files with 105 additions and 0 deletions
--- a/105
+++ b/105
@ -0,0 +1,105 @@
+/**
+ * @name Discord+ (CosyByte Version, personal/private) with RTL Adjustments
+ * @source https://github.com/PlusInsta/discord-plus
+ * @updateUrl https://plusinsta.github.io/discord-plus/DiscordPlus.theme.css
+ */
+@import url(https://plusinsta.github.io/discord-plus/src/DiscordPlus-source.theme.css);
+
+/* Set overall layout direction to RTL */
+html {
+    direction: rtl;
+}
+
+/* Example: Use CSS logical properties for margins and paddings to auto-adjust for RTL/LTR */
+.some-element {
+    padding-inline-start: var(--dplus-spacing-ui);
+    padding-inline-end: var(--dplus-spacing-app);
+}
+
+/* Example: Adjust sidebar positioning for RTL layouts */
+.sidebar {
+    left: auto;  /* remove any LTR anchoring */
+    right: 0;
+}
+
+/* Example: Reverse flex container items if needed */
+.flex-container {
+    display: flex;
+    flex-direction: row-reverse;
+}
+
+/* Example: Flip directional icons (e.g., arrows) if they imply left/right */
+.directional-icon {
+    transform: scaleX(-1);
+}
+
+.theme-dark {
+    /* Backdrop image */
+    --dplus-backdrop: url(https://i.imgur.com/3AiL3yN.png);
+
+    /* Accent color, used to decorate the UI with colors */
+    --dplus-accent-color-hue: 320;
+    --dplus-accent-color-saturation: 60%;
+    --dplus-accent-color-lightness: 31%;
+
+    /* Foreground color: For texts and icons */
+    --dplus-foreground-color-hue-base: 210;
+    --dplus-foreground-color-hue-links: 197;
+    --dplus-foreground-color-saturation-amount: 1;
+    --dplus-foreground-color-lightness-amount: 1;
+
+    /* Background color: Covers the backdrop to improve readability */
+    --dplus-background-color-hue: 320;
+    --dplus-background-color-saturation-amount: 1;
+    --dplus-background-color-lightness-amount: 1;
+    --dplus-background-color-alpha: 0.8;
+}
+
+/* Light theme settings */
+.theme-light {
+    --dplus-backdrop: url(https://i.imgur.com/3AiL3yN.png);
+
+    --dplus-accent-color-hue: 320;
+    --dplus-accent-color-saturation: 60%;
+    --dplus-accent-color-lightness: 31%;
+
+    --dplus-foreground-color-hue-base: 210;
+    --dplus-foreground-color-hue-links: 197;
+    --dplus-foreground-color-saturation-amount: 1;
+    --dplus-foreground-color-lightness-amount: 1;
+
+    --dplus-background-color-hue: 320;
+    --dplus-background-color-saturation-amount: 1;
+    --dplus-background-color-lightness-amount: 1;
+    --dplus-background-color-alpha: 0.8;
+}
+
+:root {
+    /* Fonts */
+    --dplus-font-ui: 'Poppins';
+    --dplus-font-body: 'Inter';
+    --dplus-font-header: 'Righteous';
+
+    /* Rounded corners (UI elements, avatars, servers) */
+    --dplus-radius-ui: 10px;
+    --dplus-radius-avatar: 20%;
+    --dplus-radius-server: 20%;
+
+    /* Spacing between UI elements */
+    --dplus-spacing-ui: 10px;
+
+    /* Spacing for the overall app layout */
+    --dplus-spacing-app: 10px;
+
+    /* Icon sizes for various elements */
+    --dplus-icon-avatar-chat: 64px;
+    --dplus-icon-avatar-list: 32px;
+    --dplus-icon-avatar-profile: 80px;
+
+    --dplus-icon-server-sidebar: 48px;
+    --dplus-icon-server-list: 32px;
+
+    /* Home icon URLs for dark and light themes */
+    --dplus-icon-home-dark: url(https://plusinsta.github.io/discord-plus/assets/discord/home_dark.svg);
+    --dplus-icon-home-light: url(https://plusinsta.github.io/discord-plus/assets/discord/home_light.svg);
+}