//META{"name":"Testing","description":"A mystical, purple theme with customizable colors & background!
Based on Discord Reborn by @Omniscient & DarkMatter by @Hammock Links: Github | Discord | Wiki By @Zerthox","author":"@Zerthox","version":"5"}*//{} /* "ClearVision - Amethyst v5" by @Zerthox */ /* Based on "Discord Reborn v4.30" by @Omniscient & "DarkMatter" by @Hammock */ /* IMPORT CSS FROM GITHUB */ @import url(https://cdn.rawgit.com/Zerthox/ClearVision/8c773772/css/ClearVision_v5.min.css); /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== TRANSPARENT BACKGROUND ================ */ @import url(https://cdn.rawgit.com/Zerthox/ClearVision/master/mods/SmoothBackgrounds.css); /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== REMOVES SHADOWS ================ */ @import url(https://cdn.rawgit.com/Zerthox/ClearVision/8c773772/mods/RemoveShadows.css); /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== NO NITRO MARKS =============== */ @import url(https://cdn.rawgit.com/Zerthox/ClearVision/8c773772/mods/NoNitroMarks.css); /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== OMBRE BACKGROUND ================ */ /* @import url(https://cdn.rawgit.com/Zerthox/ClearVision/8c773772/mods/OmbreBackground.css); */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== NO LOADING ANIMATIONS =============== */ /* @import url(https://cdn.rawgit.com/Zerthox/ClearVision/8c773772/mods/NoLoadingAnimations.css); */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== CLEAN STATUS PICKER ================ */ @import url(https://cdn.rawgit.com/Zerthox/ClearVision/8c773772/mods/CleanStatusPicker.css); /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== ECLIPSING AVATARS ================ */ @import url(https://cdn.rawgit.com/Zerthox/ClearVision/8c773772/mods/EclipsingAvatars.css); /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== CONTRAST IMPROVMENTS ================ */ /* @import url(https://cdn.rawgit.com/Zerthox/ClearVision/8c773772/mods/ContrastImprovements.css); */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== BLANK ================ */ /* --------------------------------------------------------------------------------------------------------------------------------------------- IMPORTANT: CHANGE BETWEEN DARK AND LIGHT VERSION IN APPEARANCE SETTINGS! --------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ================ IMPORTANT LINKS ================= Github: https://git.io/v6BHO Discord: https://git.io/vMnlu Wiki: https://git.io/vXTqM Latest version: https://git.io/v6Muk Changelog: https://git.io/v6r5N --------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== CUSTOMIZABLE COLORS =============== */ :root { --main-color: #606060; --hover-color: #000000; --background-blur: 0px; --background-brightness: 100%; --main-color-start: #888888; --main-color-end: #cccccc; --hover-color-start: #aaaaaa; --hover-color-end: #eeeeee; --gradient-angle: -45deg; } /* -------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ========= CUSTOMIZABLE BACKGROUND IMAGE ========== */ body::after, .callout-backdrop, .user-popout::before, #user-profile-modal .header::before, #pubs-container::before, .auth-background, .auth-tiling-bg, .invite-modal .invite-splash, .radio-theme.light label, .radio-theme.dark label{ background-image: url(https://cdn.discordapp.com/attachments/405775302485344257/426345357413187584/unknown.png) !important; /* IMPORTANT: Link must be HTTPS! */ } /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== My Additional background pics =============== */ /* Free will picture https://i.ytimg.com/vi/7t2trXiXwHE/maxresdefault.jpg Masked People Picture https://icdn2.digitaltrends.com/image/awesome-tech-sound-reactive-led-mask-feat.jpg Goku https://images.alphacoders.com/221/221631.jpg Goku2 http://hddesktopwallpapers.in/wp-content/uploads/2015/07/dragon-ball-z-wallpapers-songoku.jpg */ /* --------------------------------------------------------------------------------------------------------------------------------------------- CUSTOMIZABLE CHANGES ADDED BY W4TCH3R --------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== DIRECT MESSAGE colored line =============== */ .private-channels .channel.selected a { background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, transparent) !important; } /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== CHANNEL MESSAGE colored line =============== */ .contentSelectedText-3j5CXt { background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, transparent) !important; } /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== NOT WORKING/UNKNOWN =============== */ /* background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 85%, transparent) !important; */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== NOT WORKING/UNKNOWN =============== */ /* .guilds-wrapper{ -webkit-box-shadow: none !important; box-shadow: none !important;} */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== VOICE CHANGE =============== */ .avatarSpeaking-3teDH6, .avatarDefault-3jtQoc, .avatarContainer-303pFz { border-color: transparent !important; box-shadow: none !important; z-index: 10; } .avatarSpeaking-3teDH6::before { content: ""; position: absolute; left: -5px; width: 4px; height: 20px; background: #43b581; } .avatarSpeaking-3teDH6::after { content: ""; position: absolute; height: 20px; left: -5px; width: 100%; background: linear-gradient(to right, #43b581 0%, transparent 35%); opacity: 0.5; z-index: -1; } /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== DEFAULT DIRECT MESSAGE COLORS =============== */ /* .private-channels .channel.selected a { background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, transparent) !important; */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== DEFAULT CHANNEL MESSAGE COLORS =============== */ /* .contentSelectedText-3j5CXt { background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, transparent) !important; } */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== TRANSPARENT TITLEBAR =============== */ [class*="titleBar-"]{ background-color: rgba(0, 0, 0, .6) !important; margin-top: 0px !Important; padding-top: 4px !Important;} /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== NOT WORKING/UNKNOWN =============== */ /* [class*="winButtonMinMax-"]:hover{ background-color: var(--main-color) !important;} [class*="winButton-"] width: 45px !important;}Copy */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== OLD ROLES =============== */ /* .role-3rahR_ { border-radius : 0%; } .roleCircleButton-sMOdib { display: none; } .roleCircle-3-vPZq { display: none; } */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== USERNAME TRANSPARENT =============== */ .accountDetails-15i-_e .discriminator{ background-color: transparent !important; } /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== UNKNOWN =============== */ .channel-members h2{ background-color: rgba(0,0,0,0.2); } /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== UNKNOWN =============== */ .theme-dark .inner-3if5cm { background-color: rgba(0,0,0,.3); } /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== DIRECT MESSAGE PICTURE CHANGE =============== */ .guilds-wrapper .guilds .friends-icon::after{ content: ""; background-image: url(https://cdn.discordapp.com/attachments/388823294457151498/388843738530709512/1512777964924.png) !important; /* IMPORTANT: Link must be HTTPS! */ } /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== REMOVES BLOCK MESSAGE NOTIFY =============== */ .theme-dark .messages-wrapper .messages .message-group-blocked .message-group-blocked-btn { display: none !important; } /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== CHANGES THE COLOR OF THE TEXT =============== */ /* .message .markup { color: green !important; */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== CHANGES THE COLOR OF THE TEXT =============== */ /* .theme-dark .chat>.content .messages .message-group .comment .markup{ color:orange; } */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== NOT WORKING/UNKNOWN =============== */ .channel-members-loading { display: none } /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== MAKES CODEBLOX WRAP =============== */ .message-group .hljs { overflow-x: visible; white-space: pre-wrap; } /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== SQUARE PROFILE IMAGES =============== */ /* .avatar-large, .avatar-profile, .avatar-small, .avatar-xlarge, .avatar-xsmall, .avatar-xxlarge, .avatar-1BXaQj, .mask-2vyqAW, .avatar-hint, [class*="popout-"] [class*="avatar"], [class*="popout-"] [class*="image"], .avatar-wrapper { border-radius: 25% !important; } */ /* --------------------------------------------------------------------------------------------------------------------------------------------- ============== BLANK =============== */ /* -------------------------------------------------------------------------------------------------------------------------------------------- */