-
-
Notifications
You must be signed in to change notification settings - Fork 113
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
1 parent
9c7eb68
commit 687a465
Showing
10 changed files
with
960 additions
and
0 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 |
---|---|---|
@@ -0,0 +1,17 @@ | ||
``` | ||
piOS Discord Skin v0.1 | ||
Features: | ||
- Monospace fonts (Perfect DOS VGA 437, FixedSys) | ||
- Restyled channel sidebar | ||
- Boxes for your words to go in | ||
- BLACK and WHITE and RED | ||
- G L O W I N G W O R D S | ||
Upcoming? | ||
- Desaturate and restore corners to server/user icons | ||
- Custom-drawn icons for functions | ||
- Subtler scrollbars | ||
- Boxes that fit the contents, rather than taking up the full width | ||
- [your idea here] | ||
``` |
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,169 @@ | ||
/* Superhot piOS inspired Discord (BetterDiscord) theme | ||
Made by: | ||
_______ _______ _ _________ _______ _______ _______ __ __ _______ _______ | ||
( ____ \( ___ )( \ \__ __/( ____ \( ____ \( ___ )|\ /|( \ / )|\ /|( ____ )( ____ \ | ||
| (____\/| (___) || | | | | (____\/| (____\/| (___) || | | || || || || | | || (____)|| (__ \/ | ||
(_____ )| ___ || | | | (_____ )(_____ )| ___ || | | || |(_)| || | | || __ __)| __) | ||
/\____) || ) ( || (____/\| | /\____) |/\____) || ) ( || (___) || ) ( || (___) || ) \ \__| (____/\ | ||
\_______)|/ \|(_______/)_( \_______)\_______)|/ \|(_______)|/ \|(_______)|/ \__/(_______/ | ||
Donut steel! */ | ||
|
||
/* Imports fonts */ | ||
|
||
@font-face { | ||
font-family: "FixedSysTrue"; | ||
src: url("https://static.tumblr.com/6nmlfta/Xglq29q3t/fsex300.ttf") | ||
} | ||
|
||
@font-face { | ||
font-family: "PerfectDOS"; | ||
src: url("https://static.tumblr.com/6nmlfta/kInq29swf/perfect_dos_vga_437_win.ttf") | ||
} | ||
|
||
/* Main theme adjustment */ | ||
.theme-dark { | ||
--header-primary: #fff; | ||
--header-secondary: #fff; | ||
--text-normal: #fff; | ||
--text-muted: #fff; | ||
--text-link: #fff; | ||
--channels-default: #fff; | ||
--interactive-normal: #fff; | ||
--interactive-hover: #fff; | ||
--interactive-active: #f00; | ||
--interactive-muted: #fff; | ||
--background-primary: #000; | ||
--background-secondary: #000; | ||
--background-tertiary: #000; | ||
--background-accent: #000; | ||
--background-floating: #000; | ||
--background-mobile-header: #000; | ||
--background-modifier-hover: rgba(255,0,0,0.2); | ||
--background-modifier-active: rgba(255,0,0,0.7); | ||
--background-modifier-selected: rgba(255,0,0,0.3); | ||
--background-modifier-accent: transparent; | ||
--elevation-low: transparent; | ||
--elevation-high: transparent; | ||
/* --logo-primary: ; */ | ||
--guild-header-text-shadow: 20px 20px 0px rgba(245,234,32,1); | ||
--channeltextarea-background: transparent; | ||
--deprecated-panel-background: transparent; | ||
} | ||
|
||
::placeholder, body, button, input, select, textarea | ||
{ | ||
font-family: "PerfectDOS", "FixedSysTrue", monospace; | ||
text-transform: uppercase; | ||
} | ||
|
||
.markup-2BOw-j code.hljs, | ||
.markup-2BOw-j code.inline | ||
{ | ||
font-family: "FixedSysTrue", monospace; | ||
border: solid red; | ||
border-width: 1px 3px; | ||
border-radius: 0; | ||
padding: 0; | ||
font-size: 16pt; | ||
text-shadow:none; | ||
} | ||
|
||
/* Removes roundness and adds border to every column */ | ||
.sidebar-2K8pFh.da-sidebar, | ||
.chat-3bRxxu.da-chat, | ||
.membersWrap-2h-GB4.da-membersWrap | ||
{ | ||
border-radius: 0; | ||
border-left: 5px solid rgba(255,255,255,0.5); | ||
} | ||
|
||
/* Red or cyan shadow */ | ||
.da-containerCozyBounded, /* center chat */ | ||
.containerDefault-3GGEv_, /* left bar titles */ | ||
.containerDefault-1ZnADq, /* left bar channels */ | ||
.da-membersGroup, /* right bar titles*/ | ||
.container-2Pjhx- /* right bar names n game */ | ||
{ | ||
text-shadow: 0 0 20px cyan; | ||
} | ||
|
||
.modeUnread-1zpFdA .name-3_Dsmg/* unread undisturbed content */ | ||
{ | ||
color: white; | ||
} | ||
|
||
.modeUnread-1zpFdA:hover .name-3_Dsmg, | ||
.wrapper-1ucjTd:hover, | ||
.content-3QAtGj:hover, | ||
.da-selected | ||
{ | ||
text-shadow: 0 0 20px red; | ||
} | ||
|
||
.theme-dark .wrapper-3WhCwL, /* #channels and @pings */ | ||
.markup-2BOw-j a /* hyperlinks */ | ||
{ | ||
color: white; | ||
text-shadow: 0 0 20px red; | ||
} | ||
|
||
/* Underline @pings and #channels */ | ||
.theme-dark .wrapper-3WhCwL | ||
{ | ||
text-decoration: underline; | ||
} | ||
|
||
/* Central chat boxes for each chatter */ | ||
.container-1YxwTf | ||
{ | ||
margin: 20px; | ||
border: 5px solid rgba(255,255,255,0.5); | ||
border-width: 2px 5px; | ||
} | ||
|
||
/* Fix some font sizes */ | ||
.da-username, | ||
.container-2ax-kl, | ||
.name-3YKhmS | ||
{ | ||
font-size: 16px; | ||
} | ||
|
||
.markup-2BOw-j | ||
{ | ||
font-size:1.5rem; | ||
line-height:1; | ||
text-transform: none; | ||
} | ||
|
||
/* Removes # symbol before channel names */ | ||
.icon-1_QxNX | ||
{ | ||
display:none; | ||
} | ||
|
||
|
||
/* Adds dashes between channel groups */ | ||
.containerDefault-3GGEv_::before | ||
{ | ||
position: relative; | ||
left:7px; | ||
content: "-------------------------"; | ||
text-shadow: 0 1px rgba(255,255,255,0.5); | ||
color: rgba(255,255,255,0.5); | ||
} | ||
|
||
/*-------------------------------------------------------*/ | ||
#bd-customcss-detach-container.hljs, | ||
#bd-customcss-detach-container.inline, | ||
#bd-customcss-detach-container.hljs :-webkit-any(ol, li, span), | ||
.editor-wrapper :-webkit-any(textarea, div, span) { | ||
/** | ||
* Keep Custom CSS editor and code related parts untouched. | ||
* Avoids issues when working with the Custom CSS editor. | ||
*/ | ||
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; | ||
text-transform: none; | ||
text-shadow:none; | ||
} |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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,11 @@ | ||
Saltssaumure: Here's the most recent version of the css, to save your scrollwheels from work. | ||
|
||
Saltssaumure: The easiest installation method requires software which modifies the Discord client, which is strictly speaking prohibited. | ||
|
||
SynthJackalope: If you're looking for the Discord theme made by @ᘛ⁐̤ᕐᐷ it's here, attached. It allows you to change the looks of your Discord client to resemble A HUGE SPOILER that you can find in SUPERHOT the original, non-VR game. We are very thankful Salt did this and it's a wonderful, very modern form of art. | ||
|
||
SynthJackalope: However, you should be aware that we cannot explicitly tell you how to use and install it since it involves using software that is officially against Discord TOS. We are not promoting breaching Discord TOS in any way and neither does the creator of the skin. This is an act of artistic freedom and community engagement done with only good intentions of letting their creativity be shown in a way beneficial to Discord community. | ||
|
||
SynthJackalope: Should there be any confusion as to legal/moral side of things concerning this endeavor, I implore you to contact me about it first as I was the one promoting this internally and externally on SUPERHOT Team's media. | ||
|
||
SynthJackalope: Here's the file! |
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,178 @@ | ||
/** | ||
* @name piOS | ||
* @author Saltssaumure#7557 | ||
* @description SUPERHOT piOS inspired theme | ||
* @version (v0.2 Dec10) | ||
*/ | ||
|
||
/* | ||
Made by: | ||
_______ _______ _ _________ _______ _______ _______ __ __ _______ _______ | ||
( ____ \( ___ )( \ \__ __/( ____ \( ____ \( ___ )|\ /|( \ / )|\ /|( ____ )( ____ \ | ||
| (____\/| (___) || | | | | (____\/| (____\/| (___) || | | || || || || | | || (____)|| (__ \/ | ||
(_____ )| ___ || | | | (_____ )(_____ )| ___ || | | || |(_)| || | | || __ __)| __) | ||
/\____) || ) ( || (____/\| | /\____) |/\____) || ) ( || (___) || ) ( || (___) || ) \ \__| (____/\ | ||
\_______)|/ \|(_______/)_( \_______)\_______)|/ \|(_______)|/ \|(_______)|/ \__/(_______/ | ||
donut steel! | ||
*/ | ||
|
||
/* Imports fonts */ | ||
|
||
@font-face { | ||
font-family: "FixedSysTrue"; | ||
src: url("https://static.tumblr.com/6nmlfta/Xglq29q3t/fsex300.ttf") | ||
} | ||
|
||
@font-face { | ||
font-family: "PerfectDOS"; | ||
src: url("https://static.tumblr.com/6nmlfta/kInq29swf/perfect_dos_vga_437_win.ttf") | ||
} | ||
|
||
/* Main theme adjustment */ | ||
.theme-dark { | ||
--header-primary: #fff; | ||
--header-secondary: #fff; | ||
--text-normal: #fff; | ||
--text-muted: #fff; | ||
--text-link: #fff; | ||
--channels-default: #fff; | ||
--interactive-normal: #fff; | ||
--interactive-hover: #fff; | ||
--interactive-active: #f00; | ||
--interactive-muted: #fff; | ||
--background-primary: #000; | ||
--background-secondary: #000; | ||
--background-tertiary: #000; | ||
--background-accent: #000; | ||
--background-floating: #000; | ||
--background-mobile-header: #000; | ||
--background-modifier-hover: rgba(255,0,0,0.2); | ||
--background-modifier-active: rgba(255,0,0,0.7); | ||
--background-modifier-selected: rgba(255,0,0,0.3); | ||
--background-modifier-accent: transparent; | ||
--elevation-low: transparent; | ||
--elevation-high: transparent; | ||
/* --logo-primary: ; */ | ||
--guild-header-text-shadow: 20px 20px 0px rgba(245,234,32,1); | ||
--channeltextarea-background: transparent; | ||
--deprecated-panel-background: transparent; | ||
} | ||
|
||
::placeholder, body, button, input, select, textarea | ||
{ | ||
font-family: "PerfectDOS", "FixedSysTrue", monospace; | ||
text-transform: uppercase; | ||
} | ||
|
||
.markup-2BOw-j code.hljs, | ||
.markup-2BOw-j code.inline | ||
{ | ||
font-family: "FixedSysTrue", monospace; | ||
border: solid red; | ||
border-width: 1px 3px; | ||
border-radius: 0; | ||
padding: 0; | ||
font-size: 16pt; | ||
text-shadow:none; | ||
} | ||
|
||
/* Removes roundness and adds border to every column */ | ||
.sidebar-2K8pFh.da-sidebar, | ||
.chat-3bRxxu.da-chat, | ||
.membersWrap-2h-GB4.da-membersWrap | ||
{ | ||
border-radius: 0; | ||
border-left: 5px solid rgba(255,255,255,0.5); | ||
} | ||
|
||
/* Red or cyan shadow */ | ||
.da-containerCozyBounded, /* center chat */ | ||
.containerDefault-3GGEv_, /* left bar titles */ | ||
.containerDefault-1ZnADq, /* left bar channels */ | ||
.da-membersGroup, /* right bar titles*/ | ||
.container-2Pjhx- /* right bar names n game */ | ||
{ | ||
text-shadow: 0 0 20px cyan; | ||
} | ||
|
||
.modeUnread-1zpFdA .name-3_Dsmg/* unread undisturbed content */ | ||
{ | ||
color: white; | ||
} | ||
|
||
.modeUnread-1zpFdA:hover .name-3_Dsmg, | ||
.wrapper-1ucjTd:hover, | ||
.content-3QAtGj:hover, | ||
.da-selected | ||
{ | ||
text-shadow: 0 0 20px red; | ||
} | ||
|
||
.theme-dark .wrapper-3WhCwL, /* #channels and @pings */ | ||
.markup-2BOw-j a /* hyperlinks */ | ||
{ | ||
color: white; | ||
text-shadow: 0 0 20px red; | ||
} | ||
|
||
/* Underline @pings and #channels */ | ||
.theme-dark .wrapper-3WhCwL | ||
{ | ||
text-decoration: underline; | ||
} | ||
|
||
/* Central chat boxes for each chatter */ | ||
.container-1YxwTf | ||
{ | ||
margin: 20px; | ||
border: 5px solid rgba(255,255,255,0.5); | ||
border-width: 2px 5px; | ||
} | ||
|
||
/* Fix some font sizes */ | ||
.da-username, | ||
.container-2ax-kl, | ||
.name-3YKhmS | ||
{ | ||
font-size: 16px; | ||
} | ||
|
||
.markup-2BOw-j | ||
{ | ||
font-size:1.5rem; | ||
line-height:1; | ||
text-transform: none; | ||
} | ||
|
||
/* Removes # symbol before channel names */ | ||
.icon-1_QxNX | ||
{ | ||
display:none; | ||
} | ||
|
||
|
||
/* Adds dashes between channel groups */ | ||
.containerDefault-3GGEv_::before | ||
{ | ||
position: relative; | ||
left:7px; | ||
content: "-------------------------"; | ||
text-shadow: 0 1px rgba(255,255,255,0.5); | ||
color: rgba(255,255,255,0.5); | ||
} | ||
|
||
/*-------------------------------------------------------*/ | ||
#bd-customcss-detach-container.hljs, | ||
#bd-customcss-detach-container.inline, | ||
#bd-customcss-detach-container.hljs :-webkit-any(ol, li, span), | ||
.editor-wrapper :-webkit-any(textarea, div, span) { | ||
/** | ||
* Keep Custom CSS editor and code related parts untouched. | ||
* Avoids issues when working with the Custom CSS editor. | ||
*/ | ||
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; | ||
text-transform: none; | ||
text-shadow:none; | ||
} | ||
|
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,16 @@ | ||
```css | ||
piOS Discord Theme Update | ||
/* version 0.3, February 5th */ | ||
#Added square corners on everything | ||
#Added fancy spoiler overlay for images and text | ||
#Added custom scrollbar on message area | ||
#Improved support for use with other themes | ||
#Improved contrast between enabled and disabled emojis | ||
#Fixed unstyled grey backgrounds | ||
#Removed glow in message area for readability | ||
#Removed Herobrine | ||
``` | ||
|
||
So, removing glow from the piOS theme has been somewhat unpopular. Here's an optional patch to re-enable glow in the main message panel. | ||
|
||
For the next version of the theme (0.4, probably), the glow is returning with option to toggle in the Themes menu. |
Oops, something went wrong.