v7 Editor

◈ Accent Colors ▶

Main Color #2780e6

Hover Color #1e63b3

Success Color #43b581

Danger Color #982929

◉ Status Colors ▶

Online #43b581

Idle #faa61a

Do Not Disturb #982929

Streaming #593695

Offline #808080

▣ App Background ▶

Background Image / Gradient

Position

Size

Attachment

Shading Amount 100%

Filter

Blur 0px

Brightness 100%

Saturate 100%

Contrast 100%

◯ User Popout Background ▶

Use same as App Background

⌂ Home Icon ▶

Home Icon URL

Home Icon Size

Aa Fonts ▶

Font must be installed on the user's system, or imported via an @import rule in the custom CSS area.

Main Font

Code Font

# Channel Colors ▶

Values starting with var(--...) reference Discord's built-in variables. Change to a hex color to override.

Normal

Muted

Hover

Selected Text

Selected Background var(--main-color)

Unread var(--main-color)

Unread Hover var(--hover-color)

▨ Panel Shading ▶

Editing shading for: Ash (Dark). Change the Discord Theme selector to edit other variants.

Background Shading

Card Shading

Popout Shading

Modal Shading

Input Shading

Normal Text Color

Muted Text Color

⊕ Optional Addons ▶

These addons are maintained separately. Enable them to include the required @import in your CSS.

Windows Titlebar — moves window controls into the header Horizontal Server List Radial Status — circular status indicators Discolored — colored icons & UI elements Server Columns — multi-column server list

▭ Transparent Backgrounds ▶

Transparent App Background Transparent User Popout Transparent User Modal

BetterDiscord users: Transparent backgrounds require enabling Enable Transparency in Discord's Appearance settings, and launching Discord with --enable-transparent-visuals. On Vencord, transparency works automatically via the VibrancyEffect or TransparentBackground plugin.

Other client mods: Transparent background support varies — refer to your client mod's documentation to enable it.

▷ Import Existing Theme ▶

Upload a ClearVision CSS file to populate the editor with its settings. Unknown values are left unchanged.

⬆️

Drop a .css file here or click to browse

✦ Additional CSS ▶

Custom CSS (appended at the end)

⌂

ClearVision V7

INFORMATION

# rules

📢 announcements

GENERAL

# general

# theming

# showcase

# off-topic

username

#0001

# general

Axorite Today at 3:24 PM

Just installed ClearVision V7 and it looks amazing 🔥

Blurry Today at 3:25 PM

@Axorite same! the new editor makes it so easy to customise

ClearBot Today at 3:26 PM

--main-color: #2780e6;

Message #general

ONLINE — 4

Axorite

Blurry

ClearBot

StreamerX

OFFLINE — 2

Zzz

Quiet

✓ Copied to clipboard!