Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: warrayquipsome/Chillax
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: main
Choose a base ref
...
head repository: Sideral-Tech/chillax
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: main
Choose a head ref
Can’t automatically merge. Don’t worry, you can still create the pull request.
  • 9 commits
  • 6 files changed
  • 2 contributors

Commits on May 17, 2023

  1. Copy the full SHA
    623d02e View commit details
  2. feat: use our fork

    Ushie committed May 17, 2023
    Copy the full SHA
    654bbf6 View commit details
  3. refactor: migrate to gh pages

    alexandreteles authored and Ushie committed May 17, 2023
    Copy the full SHA
    ba6ba1c View commit details
  4. feat: remove chillax card

    Ushie committed May 17, 2023
    Copy the full SHA
    3becf3d View commit details

Commits on May 18, 2023

  1. Copy the full SHA
    e0231d3 View commit details
  2. feat: improve user card

    Ushie committed May 18, 2023
    Copy the full SHA
    7a9a5f1 View commit details
  3. Copy the full SHA
    f355af4 View commit details
  4. Copy the full SHA
    bf360c2 View commit details
  5. feat: clean up README

    alexandreteles authored May 18, 2023
    Copy the full SHA
    a5ccf73 View commit details
Showing with 1,688 additions and 987 deletions.
  1. +22 −4 Addons/AvatarOnlyMemberList.css
  2. +5 −34 README.md
  3. +2 −2 chillax.css
  4. +71 −55 chillax.theme.css
  5. +775 −427 dark.mode.css
  6. +813 −465 light.mode.css
26 changes: 22 additions & 4 deletions Addons/AvatarOnlyMemberList.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,23 @@
/*avatar only memberlist*/
.membersWrap-3NUR2t {min-width: unset;}
.members-3WRCEx {max-width: 65px;min-width: 65px;transition: 0.5s ease;}
.members-3WRCEx:hover {max-width: 240px;min-width: 240px;}
div:not(:hover)>.members-3WRCEx>div {padding-top: 10px;}
.membersWrap-3NUR2t {
min-width: unset;
}

.members-3WRCEx {
max-width: 65px;
min-width: 65px;
transition: 0.5s ease;
}

.members-3WRCEx:hover {
max-width: 240px;
min-width: 240px;
}

#app-mount .wrapper-3Un6-K foreignObject[mask*=mobile]:after {
content: none !important;
}

div:not(:hover)>.members-3WRCEx>div {
padding-top: 10px;
}
39 changes: 5 additions & 34 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,40 +1,11 @@
# wq presents: C H I L L A X
![chillax](https://user-images.githubusercontent.com/84565593/235061753-91bd6417-9ce3-4f0d-9004-221676a9d042.png)

# Installation
To download the theme in Better Discord Site:
1. Press the download button.
2. Open your Discord and go User Settings > Themes > Open Themes Folder.
3. Drag the theme.css file you just downloaded into the theme folder that opened.
4. Go back to Discord and enable the theme and VOILA you did it.

To download the theme in Github:
1. Go to chillax.theme.css
2. Press the copy raw contents button.
3. Edit the theme.css in your Discord.
4. Select everything and paste in the copied code.


And if you want a YouTube tutorial, go to this link: "https://youtu.be/U0tTENsBS4w"

# What do i do if the theme is outdated?
As where you are right now, you should be at the Better Discord site so just redownload the theme and open your themes folder remove the old one and add the new one you just downloaded.
Discord > Settings > Vencord > Themes > Paste:

# Support
For problems installing or using the theme join the support server [https://discord.gg/DrfX6286kF] and ask for help.
`https://sideral-tech.github.io/chillax/chillax.theme.css`

# Some of our best of the best
![image](https://user-images.githubusercontent.com/84565593/195045896-bd386edd-3af8-45be-b526-53f55f8ba869.png)
![image](https://user-images.githubusercontent.com/84565593/195045909-cd305dff-669e-4db0-a815-a91c25361f11.png)
![image](https://user-images.githubusercontent.com/84565593/195045924-27e510b4-5de8-4c36-b1ee-11d79487d280.png)
![image](https://user-images.githubusercontent.com/84565593/195045941-21cdf829-9bf7-4c7c-af8f-92b83cd3f256.png)
![image](https://user-images.githubusercontent.com/84565593/195045958-b95c73f3-15fd-4e2a-83c5-9084da71a70e.png)
![image](https://user-images.githubusercontent.com/84565593/195983143-573c15db-0e08-4683-9d70-a891bc34c0c4.png)
![image](https://user-images.githubusercontent.com/84565593/225212685-4807d724-4047-44c1-99af-b9e10f718cc0.png)
![image](https://user-images.githubusercontent.com/84565593/195045867-6f8374c1-ad21-43e6-8901-d0d09b43b41e.png)
And it should update your UI automatically.

---

# Author
- › Wq
# Helper:
- › Demented Elmo
*This is a fork of https://github.com/warrayquipsome/Chillax*
4 changes: 2 additions & 2 deletions chillax.css
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
/*Dark Mode*/
@import url('https://warrayquipsome.github.io/Chillax/dark.mode.css');
@import url('https://raw.githubusercontent.com/Sideral-Tech/Chillax/main/dark.mode.css');
/*Light Mode*/
@import url('https://warrayquipsome.github.io/Chillax/light.mode.css');
@import url('https://raw.githubusercontent.com/Sideral-Tech/Chillax/main/light.mode.css');
126 changes: 71 additions & 55 deletions chillax.theme.css
Original file line number Diff line number Diff line change
@@ -23,91 +23,104 @@
*/

/*chillax*/
@import url('https://warrayquipsome.github.io/Chillax/chillax.css');
@import url('https://sideral-tech.github.io/chillax/chillax.css');

/*removable addons*/
@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Microsoft.css");
@import url('https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css');
@import url('https://nyri4.github.io/Discolored/main.css');
@import url("https://warrayquipsome.github.io/Chillax/Addons/IconPackEdited.css");
@import url("https://warrayquipsome.github.io/Chillax/Addons/AvatarOnlyMemberList.css");
@import url("https://warrayquipsome.github.io/Chillax/Addons/FolderRedesign.css");
@import url("https://sideral-tech.github.io/chillax/Addons/IconPackEdited.css");
@import url("https://sideral-tech.github.io/chillax/Addons/AvatarOnlyMemberList.css");
/* @import url("https://sideral-tech.github.io/chillax/Addons/FolderRedesign.css"); */

/*additional addons*/ /*(remove the both * to use)*/
/*@import url("https://warrayquipsome.github.io/Chillax/Addons/SimpleLessLag.css");*/
/*additional addons*/
/*(remove the both * to use)*/
@import url("https://sideral-tech.github.io/chillax/Addons/SimpleLessLag.css");



/*Chillax Roots*/
/*window*/ /*dark mode*/
/*window*/
/*dark mode*/
:root.theme-dark {
--window-margin: 20px; /*must be above 20px*/
--window-margin: 20px;
/*must be above 20px*/
--window-colour: #0009;
--window-blur: 5px;
--window-border-radius: 10px;
--sidebar-colour: rgb(36, 36, 36);
}
/*window*/ /*light mode*/

/*window*/
/*light mode*/
:root.theme-light {
--window-margin: 20px; /*must be above 20px*/
--window-margin: 20px;
/*must be above 20px*/
--window-colour: rgba(255, 255, 255, 0.6);
--window-blur: 5px;
--window-border-radius: 10px;
--sidebar-colour: rgb(209, 209, 209);
}


/*roots*/ /*both dark and light*/
/*roots*/
/*both dark and light*/
:root {
--user-name: "King";
--font-name: Poppins;
--font-size: 13px;


/*glow radial status*/ /*must end in px*/
--rs-small-spacing:0px;
--rs-large-spacing:0px;
--rs-medium-spacing:0px;
--rs-small-width: 2.5px;
--rs-medium-width: 3.5px;
--rs-large-width: 4.5px;
--rs-avatar-shape:50%;
--rs-online-color:#1df594;
--rs-idle-color:#faa61a;
--rs-dnd-color:#f04747;
--rs-offline-color:#636b75;
--rs-streaming-color:#643da7;
--rs-invisible-color:#636b75;
--rs-phone-visible:block;
--rs-phone-color:var(--rs-online-color);


/*chillax colours rgb*/ /* Google RGB Picker: https://g.co/kgs/NoY83h */
--accentcolor: 251, 84, 84;
/*chillax colours hex*/ /* Google RGB Picker: https://g.co/kgs/NoY83h */
--accentcolorV2: #fb5454;


/*settings modal root*/


/*glow radial status*/
/*must end in px*/
--rs-small-spacing: 0px;
--rs-large-spacing: 0px;
--rs-medium-spacing: 0px;
--rs-small-width: 2.5px;
--rs-medium-width: 3.5px;
--rs-large-width: 4.5px;
--rs-avatar-shape: 50%;
--rs-online-color: #1df594;
--rs-idle-color: #faa61a;
--rs-dnd-color: #f04747;
--rs-offline-color: #636b75;
--rs-streaming-color: #643da7;
--rs-invisible-color: #636b75;
--rs-phone-visible: block;
--rs-phone-color: var(--rs-online-color);


/*chillax colours rgb*/
/* Google RGB Picker: https://g.co/kgs/NoY83h */
--accentcolor: 251, 84, 84;
/*chillax colours hex*/
/* Google RGB Picker: https://g.co/kgs/NoY83h */
--accentcolorV2: #fb5454;


/*settings modal root*/
--themelightsettingsmodalbackground: rgb(223, 223, 223);
--themedarksettingsmodalbackground: rgb(51, 49, 53);
--settingsmodalwidth: 960px;
--settingsmodalheight: 80vh;
--settingsmodalheight: 80vh;


/*background image*/ /*(replace the link to use)*/
--background-image:var(--de-suggested-bg);
/*bg dev suggestions*/

/*background image*/
/*(replace the link to use)*/
--background-image: var(--de-suggested-bg);
/*bg dev suggestions*/
--wq-suggested-bg: url('https://wallpaperaccess.com/full/2799204.jpg');
--de-suggested-bg: url('https://i.imgur.com/BtNVFtq.jpg');
/*modern background selection*/
/*modern background selection*/
--modern-dark-bg: url('https://cdn.discordapp.com/attachments/879158025087234098/1015856640530071572/97EAEB95-54C2-4AF3-B70B-5E94A851409.jpeg?size=4096');
--modern-light-bg: url('https://cdn.discordapp.com/attachments/879158025087234098/1015856640760754216/E98F8123-8B98-4961-90D7-DCC497A26E4.jpeg?size=4096');
}


/*discord transparency*//*roots*/ /*theme dark*/
.theme-dark {
/*discord transparency*/
/*roots*/
/*theme dark*/
.theme-dark {
--background-message-hover: rgba(255, 255, 255, 0.055);
--header-primary: #fff;
--header-secondary: #b9bbbe;
@@ -125,8 +138,11 @@
--activity-card-background: transparent;
--deprecated-panel-background: transparent;
}
/*discord transparency*//*roots*/ /*theme light*/
.theme-light {

/*discord transparency*/
/*roots*/
/*theme light*/
.theme-light {
--background-message-hover: rgba(255, 255, 255, 0.055);
--header-primary: rgb(0, 0, 0);
--header-secondary: #3f3f3f;
@@ -146,12 +162,13 @@
}

/*friends grid banner colour*/
.theme-dark{
--FG-cards-banner-background: transparent!important;
.theme-dark {
--FG-cards-banner-background: transparent !important;
}

.theme-light {
--FG-cards-banner-background: transparent !important;
}
.theme-light{
--FG-cards-banner-background: transparent!important;
}



@@ -162,7 +179,7 @@
-You do not have the rights to remove our theme watermark in the theme
-You do not have the rights to change this theme author name to anyone
*/

/*credits*/
/*
========================= Chillax Squad =========================
@@ -187,4 +204,3 @@
Better Spotify Control by Uri
=================================================================
*/

Loading