From ce095db88feec8a961def88fe313a086c08fdf41 Mon Sep 17 00:00:00 2001 From: WarFiN Date: Sun, 7 Jul 2024 15:27:42 +0530 Subject: [PATCH] Add TranslucenceV2 and edir ```README.md``` --- README.md | 106 ++++-------------- ...ence.theme.css => TranslucenceV2.theme.css | 22 ++-- manifest.json | 10 +- 3 files changed, 35 insertions(+), 103 deletions(-) rename Translucence.theme.css => TranslucenceV2.theme.css (72%) diff --git a/README.md b/README.md index 4259812..fce64f5 100644 --- a/README.md +++ b/README.md @@ -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.
-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 \ No newline at end of file diff --git a/Translucence.theme.css b/TranslucenceV2.theme.css similarity index 72% rename from Translucence.theme.css rename to TranslucenceV2.theme.css index 2f44b63..464640d 100644 --- a/Translucence.theme.css +++ b/TranslucenceV2.theme.css @@ -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; @@ -59,4 +56,5 @@ --background-modifier-hover: rgba(255,255,255,0.075); --background-modifier-selected: rgba(255,255,255,0.125); + } diff --git a/manifest.json b/manifest.json index 5bab0eb..9ccb7fa 100644 --- a/manifest.json +++ b/manifest.json @@ -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" }