From a4ccbcad94913d948fe12a0f01e2b9ba1ec2f5b1 Mon Sep 17 00:00:00 2001 From: u68467 Date: Thu, 13 Feb 2025 10:40:38 +0100 Subject: [PATCH] Add CosyDiscord --- CosyDiscord | 105 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 105 insertions(+) create mode 100644 CosyDiscord diff --git a/CosyDiscord b/CosyDiscord new file mode 100644 index 0000000..f751834 --- /dev/null +++ b/CosyDiscord @@ -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); +}