-
-
Notifications
You must be signed in to change notification settings - Fork 373
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
86 additions
and
2 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
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 |
---|---|---|
@@ -0,0 +1,84 @@ | ||
/** | ||
* @name midnight (pichu) | ||
* @description A darkened discord theme. Based on LilyPichu theme (https://github.com/NYRI4/LilyPichu). | ||
* @author refact0r, anubis | ||
* @version 1.6.2 | ||
* @source https://github.com/refact0r/midnight-discord | ||
* @authorId 508863359777505290 | ||
*/ | ||
|
||
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */ | ||
|
||
@import url('https://refact0r.github.io/midnight-discord/midnight.css'); | ||
|
||
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap'); | ||
|
||
/* customize things here */ | ||
:root { | ||
/* font, change to 'gg sans' for default discord font*/ | ||
--font: 'Nunito'; | ||
|
||
/* color of green online dot, change to #23a55a for default green */ | ||
--online-indicator: hsl(150, 60%, 60%); | ||
|
||
/* top left corner text */ | ||
--corner-text: 'LilyPichu'; | ||
|
||
/* accent colors */ | ||
--accent-1: hsl(347, 50%, 65%); /* links */ | ||
--accent-2: hsl(347, 50%, 60%); /* general unread/mention elements */ | ||
--accent-3: hsl(347, 50%, 55%); /* accent buttons */ | ||
--accent-4: hsl(347, 50%, 50%); /* accent buttons when hovered */ | ||
--accent-5: hsl(347, 50%, 45%); /* accent buttons when clicked */ | ||
--mention: hsla(347, 50%, 45%, 0.1); /* mentions & mention messages */ | ||
--mention-hover: hsla(47, 50%, 45%, 0.05); /* mentions & mention messages when hovered */ | ||
|
||
/* text colors */ | ||
--text-0: var(--text-2); /* text on colored elements */ | ||
--text-1: hsl(350, 62%, 93%); /* other normally white text */ | ||
--text-2: hsl(349, 54%, 86%); /* headings and important text */ | ||
--text-3: hsl(348, 48%, 88%); /* normal text */ | ||
--text-4: hsl(347, 40%, 68%); /* icon buttons and channels */ | ||
--text-5: hsl(346, 32%, 45%); /* muted channels/chats and timestamps */ | ||
|
||
/* background and dark colors */ | ||
--bg-1: hsl(337, 27%, 43%); /* dark buttons when clicked */ | ||
--bg-2: hsl(341, 27%, 36%); /* dark buttons */ | ||
--bg-3: hsl(345, 27%, 29%); /* spacing, secondary elements */ | ||
--bg-4: hsl(349, 28%, 22%); /* main background color */ | ||
--hover: hsla(345, 27%, 29%, 0.1); /* channels and buttons when hovered */ | ||
--active: hsla(345, 27%, 29%, 0.2); /* channels and buttons when clicked or selected */ | ||
--message-hover: hsla(345, 0%, 0%, 0.1); /* messages when hovered */ | ||
|
||
/* amount of spacing and padding */ | ||
--spacing: 12px; | ||
|
||
/* animations */ | ||
--hover-push: 0.2s ease; /* channels/members when hovered */ | ||
|
||
/* corner roundness (border-radius) */ | ||
--roundness-xl: 22px; /* roundness of big panel outer corners */ | ||
--roundness-l: 20px; /* popout panels */ | ||
--roundness-m: 16px; /* smaller panels, images, embeds */ | ||
--roundness-s: 12px; /* members, settings inputs */ | ||
--roundness-xs: 10px; /* channels, buttons */ | ||
--roundness-xxs: 8px; /* searchbar, small elements */ | ||
|
||
/* direct messages moon icon */ | ||
/* change to block to show, none to hide */ | ||
--discord-icon: none; /* discord icon */ | ||
--moon-icon: none; /* moon icon */ | ||
--moon-icon-url: none; | ||
|
||
/* filter uncolorable elements to fit theme */ | ||
/* (just set to none, they're too much work to configure) */ | ||
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4); /* login background artwork */ | ||
--green-to-accent-3-filter: hue-rotate(56deg) saturate(1.43); /* add friend page explore icon */ | ||
--blurple-to-accent-3-filter: hue-rotate(304deg) saturate(0.84) brightness(1.2); /* add friend page school icon */ | ||
} | ||
.childWrapper__01b9c:has(> svg:not(.favoriteIcon_adf80e)) { | ||
background-image: url('https://raw.githubusercontent.com/NYRI4/LilyPichu/main/assets/icon.png'); | ||
background-color: transparent !important; | ||
background-size: cover; | ||
background-position: center; | ||
} |