clearvision/clearvision-v5

Automatically updating, easily customizable Theme for Discord.

IMPORTANT

ClearVision v5 has been discontinued. This repository will soon be moved to the ClearVision group.

ClearVision

Many thanks to Danielle for maintaining ClearVision v5 repository while I work on ClearVision v6!

Discord Server

Join for information on the v6 BETA, update notifications and theme support!

Instant Invite: https://clearvision.gitlab.io/join

Donations

I spend a lot of time working voluntarily on my themes. Donations help me to keep up my work and constantly update, improve and optimize my themes.
Donators get access to donator only chat and pre-releases on my Discord Server.
If you want to support me you can donate money via Paypal or items via Steam.
(After donating message me on Discord to receive your Donator role!)

Donate money: Paypal
Donate items: Steam

ClearVision v6

ClearVision v6 is still a work-in-progress project. The source is available in the ClearVision/v6 repository.
Currently, v6 is in public beta and available to download here: ClearVision_v6.theme.css

ClearVision v5

ClearVision v5 is currently maintained by Danielle while I focus on ClearVision v6.
Check out the Community Fixes repository at OmgDani/ClearVisionFixes.

ClearVision v5 - Amber

ClearVision v5 - Amethyst

ClearVision v5 - Emerald

ClearVision v5 - Ruby

ClearVision v5 - Sapphire

ClearVision v5 - Halloween

No udpated preview

ClearVision v5 - Winter

No udpated preview

clearvision-v5's Issues

Mute icon shows deafen icon instead when only muted is selected

Hello Zerthox. I am pretty new to discord themes and github so please correct me of this is not the right way to report these issues. So this only happens when anybody is just muted. It will show the deafen icon instead of the muted. However, when deafen and muted are both selected, both icons appear so it is fine. I am guessing it might have to do with the order of the icons on how they appear. It also appears in all version of the skin and easily replicable. Thanks for the skin.

Edit: Fixed in the most recent update. Can be closed now.

Settings for personal and server are not themed

The personal settings and server settings have a gray background and do not go with the theme. Running latest BetterDiscord.

Transparency problems

Currently having problems with the background of the theme being transparent and showing the image behind it.

Weird problem with voice/text channels and scrolling

Im running discord canary on linux with better discord and when i have the window smaller so i have to scroll the channels move around constantly This is a link To what im talking about

Background not transparent/appearing

Background transparency not working as intended, and I am unable to see my custom background.


However, when I am in a menu, you can see it.

Double screen?

When I swap over to the theme it creates like this image copy of what discord looked like and then applys that as the background https://i.imgur.com/ujO582H.png (with no menu)

Notification Settings background completely white

I've made sure to disable any plugins and other themes that happened to be enabled during the time. Using latest BetterDiscord version with latest Discord Canary. Screenshot is using ClearVision Amethyst but the other variants of the theme are affected as well.

Portion of theme not working

Theme: Clear Vision Sapphire

The channel bar is not showing up properly.

how to fix that?

Background bug

Everytime when i switch windows on my desktop, background in Discord reloads.
https://www.youtube.com/watch?v=1o8K_h1wDSU

In Game Activity, Games Appear cut off

As you can see the list of games appear to be cut off at the edges, this is occurring on discord canary, I'm running the latest version on windows 10. I checked to make sure this issue wasn't happening on other themes before posting.

Stacked new messages / message date.

I've found on ClearVision Amethyst that the dates for messages and the divider for new messages are stacked on top of each other.

With the BetterDiscord support server I was able to get it fixed by putting a black background on the New Message and Date dividers.

I mis-clicked close without noticing, ignore the close.

Goddamn updates breaking shit....

Need to add .layer { background: transparent !important; } as the .layer update finally made it to the stable version.

Profile popups use default skin instead of ClearVision

Since the last update (I think), the profile popup no longer uses clearvision's skin version and instead use discord's default.

Uma imagem qualquer 2

Some of the things have the default discord look

So after discord updated some of the things stayed default even with the theme on.

There is maybe more but these are the things that I noticed.

Can't see some tags when clicking on users names

I wanted to see what role someone was only to find out that I can't even read the thing. It blends in with the set backround and I really don't want to change it ( I also don't even know how) So if you could give a fix that would be nice. I am even ok with you linking a plug in that changes text color.

background

hey , wanted to thank you for the amazing work on this theme ! recently there is a probleme with the wallpaper i had it doesnt show up anymore ! tried to changed to another one and its the same ! any idea what causes it ? thanks

New discord update

Can you please Update the Themes for the New Discord Update? (The one tat added the Recent Mentions Button)

I would do a fix myself but i dont know CSS.

Background Image fades out after login

I noticed after loading discord the background image (default) loads into discord but then shortly after disappears/fades out. Why?

Uma imagem ai

is it the way it should be?

Auto Switch to Light When Restarting Discord.

When Restarting Discord And Better Discord Starting up The ClearVision Ruby Theme Auto Switches to the Light version even though Discord Doesnt Switch.

Cannot delete a webhook

The X isn't here when I hover a webhook in a channel/server settings.

background image

Hello Zerthox!
I really like your theme Clear Vision Sapphire.
But please delete from the background is the name: Stellar Collision Kuldar Leement.
It is mixed with the button closing the Discord window
Looks like this : http://radikal.ru/fp/8zjgp6vv6imu5
Thank you in advance

Certain Popout Objects may be difficult to read

certain popout tags that use the class themed-popout color alpha seems to occasionally allow the internal objects (most notably the white colored text) to be hard to read. I've found it most notable on the Amber version, but testing on Amethyst and Emerald versions also appear to suffer.

References: http://imgur.com/a/tUhMp (as you can see with the last one, both mentions and pins are affected, but it appears pins more so)

(I was using the dark theme, but the problem does not appear to change with the light theme)

Blur...Blur everywhere !

Hi i really enjoye youre work . But when i added youre mode for getting a better trensparency but something odd really anoying me and its alway hapenning Randomly so im gunna show how its like and the css code i have . BTW i reloaud and relaunch discord with no successe . Ihope you can find a solution for my issue . Thank you ^^



//META{"name":"ClearVision_Emerald","description":"A peaceful, green theme with customizable colors & background! Based on Discord Reborn by @omniscient &DarkMatter by @hammock. Server: https://discord.me/clearvision","author":"Zerthox","version":"5"}*//{}
/* "ClearVision - Emerald v5" by @Zerthox /
/ Based on "Discord Reborn v4.30" by @omniscient & "DarkMatter" by @hammock */

/* IMPORT CSS FROM GITHUB /
@import url(https://zerthox.github.io/ClearVision/css/ClearVision_v5.min.css);
/

IMPORTANT: CHANGE BETWEEN DARK AND LIGHT VERSION IN APPEARANCE SETTINGS!

============== CUSTOMIZABLE COLORS ===============
4

================ 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

---

/
:root {
--main-color: #3ADF00;
--hover-color: #3ADF00;
--background-blur: 0px;
--background-brightness: 100%;
}
/

========= CUSTOMIZABLE BACKGROUND IMAGE ==========
/
body::after,
.callout-backdrop,
.userPopout-4pfA0d::before,
.root-2sNHUF::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://i.imgur.com/1XHRkFk.jpg) !important; / IMPORTANT: Link must be HTTPS! /
}
/

// "Smooth Backgrounds v2.2b" by Zerthox & Hebgbs /
/ Make the background really clear & more smooth */

DIV.theme-light .guilds-wrapper .scroller-wrap,
DIV.theme-dark .guilds-wrapper .scroller-wrap,
DIV.theme-light DIV[class*="noWrap"] [class*="channels-"],
DIV.theme-dark DIV[class*="noWrap"] [class*="channels-"],
DIV.theme-light DIV.flex-spacer.flex-horizontal,
DIV.theme-dark DIV.flex-spacer.flex-horizontal,
DIV[class*="titleWrapper"].theme-light > DIV[class*="title-"],
DIV[class*="titleWrapper"].theme-dark > DIV[class*="title-"],
DIV.theme-light DIV.channel-members,
DIV.theme-dark DIV.channel-members,
DIV.theme-light .search-results-wrap,
DIV.theme-dark .search-results-wrap,
DIV.theme-light #friends [class*="noWrap"][class*="headerBar"],
DIV.theme-dark #friends [class*="noWrap"][class*="headerBar"],
DIV.theme-light #friends DIV.friends-table,
DIV.theme-dark #friends DIV.friends-table {
background-color: transparent !important;
}

Default profile

After getting back the theme to work I got this issue now whenever i check people

During DM calls I get this

help lul

Uhhh theme is bright as hell

Idk what happened I logged in and I got this ._. it's giving me cancer tbh lmao help

LFG does not show properly

Everything else looks right except for this screen:

I fixed it with this:

Unread channels don't show a dot next to them anymore, only light up

Starting up Discord today, the unread channels don't have a notification dot anymore, only a light. The font is also bigger I think? Here is an image comparing an unread channel (top) vs one with no new messages (bottom)

Chatbox

Discord has updated the chat box so its not matching with all the other elements

Theme does not apply to blocked user's messages

I don't usually block people so I've only recently noticed this, but any messages from a blocked user do not have Amethyst applied to it.

Code blocks have bad wrapping

When lines are too long, the message will not wrap except on newlines.
This is because messages inherit white-space: pre from the discord stylesheet.

This can be changed to be somewhat more functional by changing the rule to white-space: pre-wrap

The addition will end up being

.message-group .comment .markup pre {
    white-space: pre-wrap;
}

light and dark themes not making any difference in appearance.

This problem persists even when I run this as a theme instead of in my custom css so I don't know how to fix the problem.

Community maintenance?

Since you're not awfully motivated to do some work on it, how about making a new sheet for us to edit and chain-import via the base import until you don't feel so burned out? I've been talking with people about this in the Discord server.

People who gave money to the project can finalize RC's of additional base code from free users and you can finalize candidates for inclusion. That would mean less coding for you, and a better theme for all if we can use GitHub for what it was meant; social coding.

Incompat with Canary Desktop v0.0.167

Video and Screensharing icons are wrong.

Theme is broken, no BG, and incomplete coverage.

Current:
http://bit.ly/2gDI3Gj

How it should look (give or take.):
http://bit.ly/2gEySVU

Note, as obvious, I did some inline editing to "Patch" the call buttons. This should be non related to the break, as I simply just replaced the url with an inline replacement

Background gets Darker

Hey man, this is an awesome theme, I love the orange color in it, but I have an issue, at certain time of the day, like 8pm, my background gets darker, is there a way to avoid this?.
Thank you.

Fix Clearvision Amber META

It says Sapphire in it you silly goose.

Support for CSS linear gradients

Hello,

When I set the --main-color: to a CSS linear-gradient (like linear-gradient(135deg, #fb575d 0%,#7db9e8 100%) ) in Custom CSS, it only works for several things like the background of the private messages icon, the little dot next to the servers' icon or the slider bars,but it doesn't work for the color of the selected channel, the border of the message text box, or even not for the background of the buttons at the bottom of the Custom CSS page.

Could you do so it fully supports linear-gradients ? Because it can be so aesthetic !

(Btw here are a few CSS tricks to put gradients to :

• Text : https://css-tricks.com/snippets/css/gradient-text/
• Borders : https://css-tricks.com/examples/GradientBorder/ )

Scroll bug

Hello.
Video
It's my fault or theme bug? It appears only on servers with many channels.

Screen sharing icons aren't changed

(The microphone is the screenshare button and the gear is the video cam button)
Also the fullscreen icon on screenshare shows as a gear (not the one in the picture)

Is there a way to make this lighter?

The main part of the window used to be a lot brighter, about the same brightness as the channel rack, now it's too dark for my liking. How do I lighten it?

Edit: In the screenshot it looks a lot brighter. I really don't know why.

Desktop app

Hallo,
I wanna ask, how to get font size bigger?
https://s12.postimg.org/bcz3phbnx/Screenshot_09_03.png
Thx

Problem with the icons

Your icons are in the background of some buttons in the header tool bar http://i.imgur.com/3XLb75s.png

I wanna change the font on my own.

Hey bro, my native language is not english,it's chinese. my problem with this theme is the original font(default) with chinese is fuckin' ugly
i understand the usage of CSS, after seeing your code (on web) is uneasy to find out which line to change the font, so i need the original .css file
BTW if i download your .css file from the web directly, the content isn't organized. (like the pic below)
and if i download your standard .css file, it link to your web .css file
could you pls provide me your original .css file? many thx

Background image is not showing anymore

So as of yesterday, the background image isn't showing anymore when I'm not in a menu.

Whilst in a menu:

Whilst not in a menu:

Did Discord update some stuff perhaps and the CSS isn't up2date yet?

~ Greets.

Upload archive gets weird

Simply the image below. The text in the box gets really weird. Although it's not really useful, I'd be grateful if you fix this. Thank you! Great theme btw.

Theme: sapphire
Version: 5?

Settings background not transparent

After the most recent discord update (the one that required a reinstall of better discord bandaged) the background of the settings panel is no longer transparent. This appears in the settings as well as server settings.

I solved this issue by adding a new theme that added the following css lines as a quick fix.

.contentRegionScroller-26nc1e,
.theme-dark .da-sidebarRegion,
.theme-dark .da-contentRegion,
.theme-dark .da-standardSidebarView,
.theme-light .da-sidebarRegion,
.theme-light .da-contentRegion,
.theme-light .da-standardSidebarView{
    background-color:transparent;
}