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: ;
- --chat-paragraph-spacing: 5px;
- }
- /*Chat paragraph separator appearance*/
- div.chat-line__message {
- /*0px is to disable*/
- border-bottom: 0px dotted purple;
- }
- /*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;
- }
- /*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;
- }
- div.chat-line__status {
- background-color: var(--chat-alert-bg);
- color: white;
- }
- img.chat-badge {
- background-color: var(--chat-badge-bg);
- }
- 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;
- }
- span.mention-fragment.mention-fragment--recipient,
- span.mention-fragment.mention-fragment--sender {
- padding: 0;
- padding-left: 4px;
- padding-right: 4px;
- border-radius: 5px;
- font-size: 85%;
- }
- span.mention-fragment.mention-fragment--sender {
- border: 1px double;
- word-break: normal;
- }
- .chat-line__message-body--highlighted {
- display: inline-block;
- padding: 10px;
- border-radius: 5px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement