Skip to content

Commit

Permalink
Add TranslucenceV2 and edir README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
WarFiN123 committed Jul 7, 2024
1 parent 6ddc2d2 commit ce095db
Show file tree
Hide file tree
Showing 3 changed files with 35 additions and 103 deletions.
106 changes: 20 additions & 86 deletions README.md
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
22 changes: 10 additions & 12 deletions Translucence.theme.css → TranslucenceV2.theme.css
Original file line number Diff line number Diff line change
@@ -1,24 +1,21 @@
/**
* @name Translucence
* @version 1.0.6.3
* @description A translucent/frosted glass Discord theme
* @author CapnKitten
* @name TranslucenceV2
* @version 2
* @description A fork of the Translucence theme for BetterDiscord and Vencord.
* @author WarFiN
*
* @website http://github.com/CapnKitten
* @source https://github.com/CapnKitten/BetterDiscord/blob/master/Themes/Translucence/css/source.css
* @donate https://paypal.me/capnkitten
* @invite jzJkA6Z
* @invite t6CKrYvQuE
*/

@import url(https://capnkitten.github.io/BetterDiscord/Themes/Translucence/css/source.css);

:root {
--app-bg: url(https://i.imgur.com/bgmVeyt.jpg);
--app-bg: rgba(0,0,0,0);
--app-blur: 6px;
--app-margin: 24px;
--app-radius: 8px; /* - */
--app-margin: 10px;
--app-radius: 5px; /* - */

--accent-hue: 156;
--accent-hue: 50;
--accent-saturation: 77.5%;
--accent-lightness: 47.1%;
--accent-opacity: 1;
Expand Down Expand Up @@ -59,4 +56,5 @@

--background-modifier-hover: rgba(255,255,255,0.075);
--background-modifier-selected: rgba(255,255,255,0.125);

}
10 changes: 5 additions & 5 deletions manifest.json
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"
}

0 comments on commit ce095db

Please sign in to comment.