forked from CapnKitten/Translucence
-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add TranslucenceV2 and edir
README.md
- Loading branch information
Showing
3 changed files
with
35 additions
and
103 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,103 +1,37 @@ | ||
# Translucence Theme - [![Paypal][paypal-logo]][paypal-url] [![GitHub][github-logo]][github-url] [![Discord][discord-logo]][discord-url] | ||
#### A translucent/frosted glass Discord theme | ||
# Translucence Theme - [![Discord][discord-logo]][discord-url] | ||
#### A fork of the Translucence theme for BetterDiscord and Vencord. | ||
<hr> | ||
|
||
Current version: v1.0.6.3 (26/02/2021) | ||
|
||
[BetterDiscord download](https://betterdiscord.app/theme/Translucence) | ||
|
||
Vencord link | ||
``` | ||
https://capnkitten.github.io/BetterDiscord/Themes/Translucence/css/source.css | ||
``` | ||
Current version: v2.0.0 (07/07/2024) | ||
|
||
## Previews | ||
|
||
#### Main chat area | ||
|
||
![discord-101](https://user-images.githubusercontent.com/4013216/125158359-b07aec80-e13e-11eb-8a85-01e49d772192.png) | ||
|
||
#### User server info | ||
|
||
![discord-102](https://user-images.githubusercontent.com/4013216/125158363-b7a1fa80-e13e-11eb-91c0-b95c32b5bf8e.png) | ||
|
||
#### User info popout | ||
|
||
![discord-103](https://user-images.githubusercontent.com/4013216/125158368-bc66ae80-e13e-11eb-912b-7d19a84f42a0.png) | ||
|
||
#### User settings | ||
|
||
![discord-104](https://user-images.githubusercontent.com/4013216/125158372-c25c8f80-e13e-11eb-9165-e24880bc47f7.png) | ||
|
||
#### DMs | ||
|
||
![discord-105](https://user-images.githubusercontent.com/4013216/125158378-c8527080-e13e-11eb-9ad5-a7f2e229ac2b.png) | ||
![discord-105](https://github.com/WarFiN123/Translucencev2/blob/6ddc2d231cbac8699fc3d82573beb701b56ab8f4/assets/screenshot.png?raw=true) | ||
|
||
## Variables | ||
## Installation | ||
|
||
#### App elements | ||
- `--app-bg` - The background image for the entire Discord app. Default: `url(https://i.imgur.com/U8bSjj5.jpg)` | ||
- `--app-blur` - The strength of the blur for every element that has one. Default: `6px` | ||
- `--app-margin` - The margin surrounding the content area. Default: `24px` | ||
- `--app-radius` - The border radius of the app and every element that has a border radius. Default: `8px` | ||
- `--sidebar-color` - The background color of the sidebars. Default: `rgba(0,0,0, 0.4)` | ||
- `--main-content-color` - The background color of the main content areas. Default: `rgba(0,0,0, 0.2)` | ||
#### Vencord | ||
- Open settings | ||
- Go to Vencord | ||
- Enable `--Enable window transperency` | ||
- Open your themes folder and paste in the CSS file from releases | ||
- Downlaod MicaForEveryone from [here](https://github.com/MicaForEveryone/MicaForEveryone/releases) | ||
- Click on the plus sign in the bottom left corner in MicaForEveryone | ||
- Click on `Add process rule` | ||
- Search for Discord and add it | ||
- Set `Backdrop Type` to `Acrylic` | ||
- Enable `Blur Behind` | ||
- Restart your Discord client | ||
|
||
#### Accent color | ||
- `--accent-hue` - The hue value for the accent color of the theme. Default: `156` | ||
- `--accent-hue` - The hue value for the accent color of the theme. Default: `50` | ||
- `--accent-saturation` - The saturation value for the accent color of the theme. Default: `77.5%` | ||
- `--accent-lightness` - The lightness value for the accent color of the theme. Default: `47.1%` | ||
- `--accent-opacity` - The opacity of everything, excluding text, that uses the accent color. Default: `1` | ||
- `--accent-text-color` - The text color for buttons and other various elements with the accent background color. Default: `#000` | ||
|
||
#### Messages | ||
- `--message-color` - The background color for messages. Default: `rgba(0,0,0, 0.4)` | ||
- `--message-radius` - The border radius for messages. Default: `8px` | ||
- `--message-padding-top` - The top and bottom padding for messages. Default: `8px` | ||
- `--message-padding-side` - The left and right padding for messages. Default: `8px` | ||
- `--mention-hue` - The hue value for the message mention color. Default: `156` | ||
- `--mention-saturation` - The saturation value for the message mention color. Default: `77.5%` | ||
- `--mention-lightness` - The lightness value for the message mention color. Default: `47.1%` | ||
- `--mention-opacity` - The opacity of the message mention color. Default: `1` | ||
- `--reply-hue` - The hue value for the reply message color. Default: `226` | ||
- `--reply-saturation` - The saturation value for the reply message color. Default: `77.6%` | ||
- `--reply-lightness` - The lightness value for the reply message color. Default: `61.8%` | ||
- `--reply-opacity` - The opacity of the reply message color. Default: `1` | ||
|
||
#### Textareas and inputs | ||
- `--textarea-color` - The background color for any textareas and inputs. Default: `0,0,0` | ||
- `--textarea-alpha` - The opacity for any textareas and inputs. Default: `0.15` | ||
- `--textarea-text-color` - The text color for textareas and inputs. Default: `#fff` | ||
- `--textarea-radius` - The border radius for textareas (not inputs). Default: `22px` | ||
- `--input-height` - The height for inputs. Default: `36px` | ||
- `--input-radius` - The border radius for inputs (not textareas). Default: `18px` | ||
|
||
#### Cards | ||
- `--card-color` - The background color for cards. Default: `rgba(0,0,0, 0.4)` | ||
- `--card-color-hover` - The background color for hovering over cards (if there is a hover animation). Default: `rgba(0,0,0, 0.5)` | ||
- `--card-radius` - The border radius for cards. Default: `8px` | ||
|
||
#### Buttons | ||
- `--button-height` - The height for buttons. Default: `32px` | ||
- `--button-padding` - The padding for buttons. Default: `0 16px` | ||
- `--button-color` - The background color for most buttons. Default: `#d73d3d` | ||
- `--button-action-color` - The background color for hovering and clicking on buttons (has a lowered opacity). Default: `#000` | ||
- `--button-text-color` - The text color for any buttons that use `--button-color`. Default: `#000` | ||
- `--button-radius` - The border radius for buttons. Default: `8px` | ||
|
||
#### Popouts and modals | ||
- `--popout-color` - The background color for modals/popouts. Default: `rgba(0,0,0, 0.55)` | ||
- `--popout-blur` - The blur strength for modals/popouts. Default: `5px` | ||
- `--popout-header-opacity` - The header opacity for modals/popouts. Default: `0.3` | ||
- `--popout-header-shadow`- The shadow for headers in modals/popouts. Default: `0px 3px 9px 0px rgba(0,0,0, 0.25)` | ||
- `--popout-radius` - The border radius for modals/popouts. Default: `8px` | ||
- `--popout-shadow` - The shadow for modals/popouts. Default: `0 8px 10px 1px rgba(0,0,0, 0.14)` | ||
### IF THIS IS TOO COMPLICATED FOR YOU OR IF YOU WANT TO CHANGE THE COLOUR, OPEN AN ISSUE OR CONTACT ME ON DISCORD. | ||
|
||
[paypal-logo]: https://img.shields.io/static/v1?label=PayPal&message=Donate&style=flat&logo=paypal&color=blue | ||
[paypal-url]: https://paypal.me/capnkitten | ||
|
||
[github-logo]: https://img.shields.io/static/v1?label=GitHub&message=Sponsor&style=flat&logo=github&color=black | ||
[github-url]: https://github.com/sponsors/CapnKitten | ||
|
||
[discord-logo]: https://img.shields.io/static/v1?label=Discord&message=Server&style=flat&logo=discord&color=blue | ||
[discord-url]: https://discord.gg/jzJkA6Z | ||
[discord-url]: https://discord.gg/t6CKrYvQuE |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,8 +1,8 @@ | ||
{ | ||
"name": "Translucence", | ||
"description": "A translucent/frosted glass Discord theme", | ||
"version": "1.0.6.3", | ||
"author": "CapnKitten", | ||
"theme": "Translucence.theme.css", | ||
"name": "TranslucenceV2", | ||
"description": "A fork of the Translucence theme for BetterDiscord and Vencord.", | ||
"version": "2.0.0", | ||
"author": "WarFiN", | ||
"theme": "TranslucenceV2.theme.css", | ||
"license": "MIT" | ||
} |