Advertisement
PapiPhoenix12

SoftXTheme + EmojiReplace 3.0

Mar 2nd, 2023
999
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.64 KB | None | 0 0
  1. /**
  2.  * @name SoftX
  3.  * @author Gibbu#1211
  4.  * @version 1.0.0
  5.  * @invite ZHthyCw
  6.  * @description A soft and comfy feel for Discord.
  7.  * @source https://github.com/DiscordStyles/SoftX
  8. */
  9.  
  10. /* Google Fonts */
  11. @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap');
  12.  
  13. /* Theme imports */
  14. @import url("https://discordstyles.github.io/SoftX/SoftX.css"); /* Base theme, don't remove. */
  15. @import url("https://discordstyles.github.io/SoftX/RadialGlow.css"); /* RadialGlow effect for avatars. | Remove this line to disable. */
  16. @import url("https://discordstyles.github.io/SoftX/VerticalUserArea.css"); /* Vertical user area. Moves the mute, defean and settings icons to the server list. | Remove this line to disable. */
  17. @import url("https://discordstyles.github.io/Addons/windows-titlebar.css"); /* Windows titlebar. | Remove this line to disable. */
  18.  
  19. :root {
  20.     /* SoftX variables */
  21.     --background-image: url('https://i.imgur.com/Nglfni6.png'); /* Background image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
  22.     --background-blur: 0px; /* Blur intensity of --background-image | Must end in px | Default: 0px */
  23.  
  24.     --accent: 0, 231, 169; /* Colour used around the app. | Values are in R,G,B format. | Default: 0, 231, 169 */
  25.  
  26.     --channels-width: 300px; /* Width of the channels list. | Default: 300px */
  27.     --guilds-width: 105px; /* Width of the server list. | Default: 105px */
  28.     --members-width: 280px; /* Width of the members list. | Default: 280px */
  29.  
  30.     --server-size: 50px; /* Size of the servers inside the server list. | Default: 50px */
  31.     --chat-avatar-size: 32px; /* Size of the chat avatars. | Default: 32px */
  32.  
  33.     --glow-intensity: 1; /* Intensity of the glow used around the app. | Set to 0 to disable the glow. | Decimals allowed | Default: 1 */
  34.  
  35.     --opacity: .85; /* Opacity of overall app. | Default: .85 */
  36.  
  37.     --font: 'Inter'; /* Custom font | Default: 'Inter' */
  38.  
  39.     --avatar-roundness: 50%; /* Roundness for avatars. | 0% = Square, 50% = Circle | Default: 50% */
  40.     --server-roundness: 50%; /* Roundness for servers. | 0% = Square, 50% = Circle | Default: 50% */
  41.  
  42.  
  43.  
  44.     /* RadialStatus veriables */
  45.     --rs-small-spacing: 2px; /* Spacing between profile image and outer ring on small icons (e.g. member list) | Default: 2px */
  46.     --rs-medium-spacing: 4px; /* Spacing between profile image and outer ring on medium icons (e.g. user popout) | Default: 4px */
  47.     --rs-large-spacing: 4px; /* Spacing between profile image and outer ring on medium icons (e.g. user popout fullscreen) | Default: 4px */
  48.  
  49.     --rs-small-width: 1.5px; /* Ring width (follows same sizing as above) | Default: 1.5px */
  50.     --rs-medium-width: 2px; /* Default: 2px */
  51.     --rs-large-width: 2px; /* Default: 2px */
  52.  
  53.     /* Customizable colors */
  54.     --rs-online-color: #43b581; /* Default: #43b581 */
  55.     --rs-idle-color: #faa61a; /* Default: #faa61a */
  56.     --rs-dnd-color: #f04747; /* Default: #f04747 */
  57.     --rs-offline-color: #636b75; /* Default: #636b75 */
  58.     --rs-streaming-color: #643da7; /* Default: #643da7 */
  59.     --rs-invisible-color: #747f8d; /* Default: #747f8d */
  60.     --rs-phone-color: var(--rs-online-color); /* Color of the phone for mobile users | Default: var(--rs-online-color) */
  61.  
  62.     --rs-phone-visible: block; /* Visibility of the phone for mobile users | Default: block */
  63.  
  64. /**
  65.  * @name EmojiReplace
  66.  * @description Replaces Discord's Emojis with Emojis of a different Provider (Apple, Facebook...)
  67.  * @author DevilBro
  68.  * @version 1.0.0
  69.  * @authorId 278543574059057154
  70.  * @invite Jx3TjNS
  71.  * @donate https://www.paypal.me/MircoWittrien
  72.  * @patreon https://www.patreon.com/MircoWittrien
  73.  * @website https://mwittrien.github.io/
  74.  * @source https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/EmojiReplace/
  75.  * @updateUrl https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/EmojiReplace.theme.css
  76.  */
  77.  
  78. /*
  79.     !!READ THIS!!
  80.    
  81.     This theme lets you swap the default emojis of discord with the emojis of a provider of your choice.
  82.     To change the provider simply swap the marked word in the import url down below with a supported provider listed below.
  83.     The name of the provider is CASE SENSITIVE, meaning you have to write it exactly like it's written below.
  84.     Correct: Apple
  85.     False: apple, APPLE, aPpLe
  86.    
  87.     Supported Providers:
  88.         → Apple
  89.         → Facebook
  90.         → Google
  91.         → JoyPixels
  92.         → Microsoft
  93.         → OpenMoji
  94.         → Samsung
  95.         → Toss
  96.         → WhatsApp
  97. */
  98.  
  99. /*                                                                                REPLACE THIS      */
  100. /*                                                                                   ↓↓↓↓↓            */
  101. @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Apple.css);
  102. /*                                                                                   ↑↑↑↑↑            */
  103. /*                                                                                REPLACE THIS      */
  104.  
  105. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement