Advertisement
npSim

legacy light theme

Sep 10th, 2019
347
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.97 KB | None | 0 0
  1. /**
  2.  * @name Legacy Light Theme
  3.  * @author sub#9640
  4.  * @version [probably_the_only_version]
  5.  * @description Attempts to replicate the legacy light theme
  6. */
  7.  
  8. /* Main Chat Scroll Bar */
  9. .app-2rEoOp.theme-light .chat-3bRxxu .vertical-V37hAW .scroller-2FKFPG::-webkit-scrollbar-thumb {
  10.     background: #7289D9;
  11. }
  12.  
  13. /* Font Weight */
  14. .markup-2BOw-j {
  15.     font-weight: 400;
  16. }
  17. .textArea-2Spzkt {
  18.     font-weight: 400;
  19. }
  20. .textArea-2Spzkt::placeholder {
  21.     font-weight: 400;
  22. }
  23.  
  24. /* Right Member List Background */
  25. .members-1998pB {
  26.     background: #F3F3F3;
  27. }
  28.  
  29. /* Current Server Title */
  30. .name-3YKhmS {
  31.     color: #FFFFFF;
  32.     font-weight: 400;
  33. }
  34.  
  35. /* Default Server Icon and Discord Logo*/
  36. .childWrapper-anI2G9 {
  37.     background: #36393F;
  38.     color: #DCDDDE;
  39. }
  40. .circleIconButton-jET_ig {
  41.     background-color: #36393F;
  42. }
  43. .dragInner-_SHftW {
  44.     background: #36393F;
  45. }
  46. .guildsError-b7zR5H {
  47.     background-color: #36393F;
  48. }
  49. .errorInner-19Rzk_ {
  50.     color: #FFFFFF;
  51. }
  52.  
  53. /* General Light Theme Attributes */
  54. .theme-light {
  55.     --header-primary: #505050;
  56.     --background-primary: #FFF;
  57.     --background-secondary: #303136;
  58.     --background-tertiary: #212226;
  59.     --background-floating: #36393F;
  60.     --channeltextarea-background: #F6F6F6;
  61.     --deprecated-panel-background: #2B2C31;
  62.     --text-normal: #727D8F;
  63.     --channels-default: #8E9297;
  64.     --interactive-normal: #B9BBBE;
  65.     --interactive-hover: #898989;
  66.     --interactive-active: #E0E0E0;
  67.     --interactive-muted: #4F545C;
  68.     --text-muted: #72767D;
  69. }
  70.  
  71. /* Code Markdown */
  72. .markup-2BOw-j code {
  73.     background: #F3F3F3;
  74.     /* border: 1px solid #E3E5E8; */
  75. }
  76. .markup-2BOw-j pre {
  77.     background: #FFFFFF;
  78.     border: 1px solid #E3E5E8;
  79. }
  80.  
  81. /* Default Username */
  82. .username-_4ZSMR {
  83.     color: #232425;
  84.     font-weight: 400;
  85. }
  86.  
  87. /* Message Timestamp */
  88. .timestampCozy-2hLAPV {
  89.     font-weight: 400;
  90. }
  91.  
  92. /* Server New Message Blip / Current Selected Server Indicator */
  93. .item-2hkk8m {
  94.     background-color: #FFFFFF;
  95. }
  96.  
  97. /* Search Bar */
  98. .searchBar-3dMhjb {
  99.     background: #FAFAFA;
  100. }
  101.  
  102. /* Emote Search Bar */
  103. .inner-3ErfOT {
  104.     background: #EEEEEE;
  105. }
  106.  
  107. /* Gif Search Bar */
  108. .container-cMG81i {
  109.     background: #E3E5E8;
  110. }
  111.  
  112. /* Emote Search Box */
  113. .emojiPicker-3m1S-j {
  114.     box-shadow: var(--elevation-high);
  115. }
  116.  
  117. /* Member List Icon (On Header) */
  118. .selected-1GqIat .icon-22AiRD {
  119.     color: #4C5059;
  120. }
  121.  
  122. /* Your profile name on the bottom left */
  123. .title-eS5yk3 {
  124.     color: var(--interactive-normal);
  125. }
  126. /* Your profile ID numbers on the bottom left */
  127. .subtext-3CDbHg {
  128.     color: var(--interactive-normal);
  129. }
  130.  
  131. /* Profile */
  132. .topSectionNormal-2-vo2m {
  133.     background: #7289D9;
  134. }
  135. .body-3ND3kc {
  136.     background-color: #FFFFFF;
  137. }
  138. .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z {
  139.     border-top-color: #FFFFFF;
  140.     background: #FFFFFF;
  141. }
  142. .topSectionNormal-2-vo2m .username-3gJmXY {
  143.     color: #FFFFFF;
  144. }
  145. .topSectionNormal-2-vo2m .discriminator-xUhQkU {
  146.     color: #FFFFFF;
  147. }
  148. .note-3kmerW textarea:focus {
  149.     background-color: #EEEEEE;
  150. }
  151. .contextMenu-HLZMGh {
  152.     background-color: #FFFFFF;
  153. }
  154.  
  155.  
  156. /* Server Dropdown Menu */
  157. .menu-Sp6bN1 {
  158.     background: #FFFFFF;
  159. }
  160. .itemBase-1Qj4z6 {
  161.     color: var(--interactive-muted);
  162. }
  163.  
  164. /* Reaction Bounding Box */
  165. .reactionInner-rRPZdY {
  166.     background: var(--channeltextarea-background);
  167. }
  168.  
  169. /* Friends Header Filter / Profile Tabs */
  170. .selected-3s45Ha.item-PXvHYJ, .themed-OHr7kt.item-PXvHYJ:active, .selected-3s45Ha.item-PXvHYJ:hover {
  171.     color: var(--interactive-hover);
  172. }
  173.  
  174. /* Friends List Online Usernames */
  175. .friendsTable-133bsv .friendsRow-2yicud .discordTag-1Hozyw .username-1r0gCl {
  176.     font-weight: 400;
  177. }
  178.  
  179. /* Friends List Online Statuses */
  180. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF {
  181.     font-weight: 400;
  182. }
  183.  
  184. /* Friends List Usernames */
  185. .name-uJV0GL {
  186.     font-weight: 400;
  187. }
  188.  
  189. /* Private Message AKA */
  190. .akaBadge-1M-1Gw {
  191.     background-color: #F2F3F5;
  192. }
  193.  
  194. /* Message Options */
  195. .container-3cGP6G {
  196.     background-color: #FFFFFF;
  197. }
  198.  
  199. /* Text Entry Bar */
  200. .textArea-2Spzkt::placeholder {
  201.     color: var(--interactive-normal);
  202. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement