Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*Variables*/
- :root{
- /*Colours can be a standard HEX code eg. #FFFFFF (white)*/
- --pronoun-tag-bg: purple;
- --pronoun-tag-txt: white;
- --chat-alert-bg: rgba(50,50,255,0.75);
- --chat-badge-bg: white;
- --chat-emoji-size: 2.2rem;
- --chat-paragraph-spacing: 5px;
- }
- /*Chat paragraph separator appearance*/
- div.chat-line__message{
- /*0px is to disable*/
- border-bottom: 0px dotted purple;
- }
- /*Probably not something you need to touch*/
- /*Add the font files from external sources*/
- @font-face {
- font-family: 'OpenDyslexic';
- src: url('https://discordstyles.github.io/discord-dyslexia/src/font/OpenDyslexic-Regular.woff');
- font-style: normal;
- font-weight: normal;
- }
- @font-face {
- font-family: 'OpenDyslexic';
- src: url('https://discordstyles.github.io/discord-dyslexia/src/font/OpenDyslexic-Italic.woff');
- font-style: italic;
- font-weight: normal;
- }
- @font-face {
- font-family: 'OpenDyslexic';
- src: url('https://discordstyles.github.io/discord-dyslexia/src/font/OpenDyslexic-Bold.woff');
- font-weight: bold;
- font-style: normal;
- }
- @font-face {
- font-family: 'OpenDyslexic';
- src: url('https://discordstyles.github.io/discord-dyslexia/src/font/OpenDyslexic-BoldItalic.woff');
- font-weight: bold;
- font-style: italic;
- }
- /*Text in the righthand chat box*/
- div.chat-line__message,
- div.chat-line__status,
- textarea,h3,h2,h1,p,input,li
- {
- font-family: 'OpenDyslexic', 'Whitney', sans-serif !important;
- letter-spacing: 1px;
- font-weight: 500;
- }
- /*Pronoun Tag modifications*/
- span.chat-badge.user-pronoun {
- border:0;
- background-color: var(--pronoun-tag-bg);
- color: var(--pronoun-tag-txt);
- padding:0;
- padding-left:4px;
- padding-right:4px;
- text-transform:lowercase;
- }
- div.chat-line__status{
- background-color: var(--chat-alert-bg);
- color:white;
- }
- img.chat-badge {
- background-color:var(--chat-badge-bg);
- }
- img.chat-image {
- height: var(--chat-emoji-size);
- width: var(--chat-emoji-size);
- }
- div.chat-line__message {
- padding-top: var(--chat-paragraph-spacing);
- padding-bottom: var(--chat-paragraph-spacing);
- }
- span.chat-author__display-name {
- background-color:rgba(255,255,255,0.04);
- padding:0;
- padding-left:4px;
- padding-right:4px;
- border-radius:5px;
- border: 1px dashed;
- word-break: normal
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement