118 lines
3.3 KiB
Plaintext
118 lines
3.3 KiB
Plaintext
/**
|
|
* @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);
|
|
|
|
/* Apply RTL globally */
|
|
html, body {
|
|
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);
|
|
}
|
|
|
|
[class*="content"] {
|
|
direction: rtl;
|
|
}
|
|
|
|
[class*="scroller"] {
|
|
direction: rtl;
|
|
}
|
|
|
|
[class*="sidebar"] {
|
|
margin-left: 10px;
|
|
}
|