Skip to content

Getbricked/Hyprcord

Repository files navigation

ClearVision Hyprcord - Customized by Aki

Original Theme Repository: ClearVision v7

This theme is inspired by Jugom and the Hyprland window manager.

Previews

Hyprcord

Installation

1. Download Your Preferred Version

For Vencord:

  • Hyprcord Core Hyprcord.css (Core needs to be used along with your ClearVision v7)

  • Hyprcord Aki Hyprcord-Aki.css (Core + ClearVision Aki theme)

For BetterDiscord:

  • Hyprcord Core Hyprcord.theme.css (Core needs to be used along with your ClearVision v7)

  • Hyprcord Aki Hyprcord-Aki.theme.css (Core + ClearVision Aki theme)

2. Place the Downloaded File in Your Themes Folder

For advanced users:

Add the following line to your ClearVision theme file to import the theme:

@import url("https://getbricked.github.io/Hyprcord/Hyprcord.css");

For Online Theme Usage

https://getbricked.github.io/Hyprcord/Hyprcord.css

Basic Customization

1. Change the Background Picture (Not for Hyprcord Core)

To set a custom background image, replace the URL inside url() with the link to your desired image:

/* Custom Background Image */
:root {
  --background-image: url(https://i.imgur.com/zU7YY60.jpeg);
}

2. Change the Global Margin

/* Global Margin */
:root {
  --global-margin: 20px; /* Default is 20px */
}

3. Change the Border

Above is default border style, you can customize it by changing the --bordersize and --hsl-main-color variables.

:root {
  --border: var(--bordersize, 1px) solid var(--hsl-main-color);
  --bordersize: 1px;
}

Advanced Customization

For further customization, fork the repository and tailor it to your preferences.