Advertisement
HumbleDeer

You Include This v1.2

Apr 18th, 2021 (edited)
453
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.60 KB | None | 0 0
  1. /*Variables*/
  2. :root {
  3.   /*Colours can be a standard HEX code eg. #FFFFFF (white)*/
  4.   --pronoun-tag-bg: purple;
  5.   --pronoun-tag-txt: white;
  6.   --chat-alert-bg: rgba(50, 50, 255, 0.75);
  7.   --chat-badge-bg: ;
  8.   --chat-paragraph-spacing: 5px;
  9. }
  10.  
  11. /*Chat paragraph separator appearance*/
  12. div.chat-line__message {
  13.   /*0px is to disable*/
  14.   border-bottom: 0px dotted purple;
  15. }
  16.  
  17. /*Pronoun Tag modifications*/
  18. span.chat-badge.user-pronoun {
  19.   border: 0;
  20.   background-color: var(--pronoun-tag-bg);
  21.   color: var(--pronoun-tag-txt);
  22.   padding: 0;
  23.   padding-left: 4px;
  24.   padding-right: 4px;
  25.   text-transform: lowercase;
  26. }
  27.  
  28. /*Probably not something you need to touch*/
  29. /*Add the font files from external sources*/
  30. @font-face {
  31.   font-family: "OpenDyslexic";
  32.   src: url("https://discordstyles.github.io/discord-dyslexia/src/font/OpenDyslexic-Regular.woff");
  33.   font-style: normal;
  34.   font-weight: normal;
  35. }
  36. @font-face {
  37.   font-family: "OpenDyslexic";
  38.   src: url("https://discordstyles.github.io/discord-dyslexia/src/font/OpenDyslexic-Italic.woff");
  39.   font-style: italic;
  40.   font-weight: normal;
  41. }
  42. @font-face {
  43.   font-family: "OpenDyslexic";
  44.   src: url("https://discordstyles.github.io/discord-dyslexia/src/font/OpenDyslexic-Bold.woff");
  45.   font-weight: bold;
  46.   font-style: normal;
  47. }
  48. @font-face {
  49.   font-family: "OpenDyslexic";
  50.   src: url("https://discordstyles.github.io/discord-dyslexia/src/font/OpenDyslexic-BoldItalic.woff");
  51.   font-weight: bold;
  52.   font-style: italic;
  53. }
  54.  
  55. /*Text in the righthand chat box*/
  56. div.chat-line__message,
  57. div.chat-line__status,
  58. textarea,
  59. h3,
  60. h2,
  61. h1,
  62. p,
  63. input,
  64. li {
  65.   font-family: "OpenDyslexic", "Whitney", sans-serif !important;
  66.   letter-spacing: 1px;
  67.   font-weight: 500;
  68. }
  69.  
  70. div.chat-line__status {
  71.   background-color: var(--chat-alert-bg);
  72.   color: white;
  73. }
  74.  
  75. img.chat-badge {
  76.   background-color: var(--chat-badge-bg);
  77. }
  78.  
  79. div.chat-line__message {
  80.   padding-top: var(--chat-paragraph-spacing);
  81.   padding-bottom: var(--chat-paragraph-spacing);
  82. }
  83. span.chat-author__display-name {
  84.   background-color: rgba(255, 255, 255, 0.04);
  85.   padding: 0;
  86.   padding-left: 4px;
  87.   padding-right: 4px;
  88.   border-radius: 5px;
  89.   border: 1px dashed;
  90.   word-break: normal;
  91. }
  92. span.mention-fragment.mention-fragment--recipient,
  93. span.mention-fragment.mention-fragment--sender {
  94.   padding: 0;
  95.   padding-left: 4px;
  96.   padding-right: 4px;
  97.   border-radius: 5px;
  98.   font-size: 85%;
  99. }
  100. span.mention-fragment.mention-fragment--sender {
  101.   border: 1px double;
  102.   word-break: normal;
  103. }
  104. .chat-line__message-body--highlighted {
  105.   display: inline-block;
  106.   padding: 10px;
  107.   border-radius: 5px;
  108. }
  109.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement