ArticRevised

My BETTERDISCORD custom CSS Theme

May 7th, 2017
870
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. ------------------------------------------------------------------------------------------------------------------------------
  2. HOW TO INSTALL MY CUSTOM DISCORD THEME WITH BetterDiscord
  3.  
  4. a pic of my theme
  5. http://imgur.com/a/dGhMQ
  6.  
  7. 1. install betterdiscord ( https://betterdiscord.net/home/ )
  8. 2. when you have it isntalled goto appdata folder (look it up if you dont know how too)
  9. 3. find the folder in (appdata) called (BetterDiscord)
  10. 4. goto the folder called themes
  11. 5. create a txt document (name it whatever)
  12. 6. open it and paste the code below in that document
  13. 7. then save as ("filename".theme.css) MAKE SURE TO ADD THE FILE EXTENSION (.theme.css) so not (.txt) anymore
  14. 8. restart discord
  15. 9. start discord
  16. 10. wait a few minutes for the icon in the bottom right to disappear
  17. 11. goto your settings
  18. 12. goto the bottom of your settings and click themes
  19. 13. if you did everything right
  20. 14. enable the theme you added
  21. and if you did it right it should look completly different
  22. ------------------------------------------------------------------------------------------------------------------------------
  23. \/\/\/\/\/\/\/\/\/\/\/ the theme file copy all the way from //META all the way to the bottom \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/
  24. ------------------------------------------------------------------------------------------------------------------------------
  25.  
  26. //META{"name":"Black With Aqua","description":"!-NOT FINISHED-! black and aqua. easy on eyes. my social media Twitter: @ArticRevised, Youtube:ArticRevised","author":"ArticRevised","version":"1.0"}*//
  27. .guild{
  28. color: aqua !important;
  29. }
  30.  
  31. .markup {
  32. color:aqua !important;
  33. }
  34.  
  35. .guild-header header{
  36. color:aqua !important;
  37. }
  38.  
  39. .scroller-wrap .scroller{
  40. color: aqua !important;
  41. }
  42.  
  43. .account{
  44. color: aqua !important;
  45. background: #000000 !important;
  46. border-top: 1px solid #00c4ff;
  47. }
  48.  
  49. .guilds-wrapper .guilds .friends-online{
  50. color: aqua !important;
  51. }
  52.  
  53. .theme-dark .chat .title-wrap .channel-name, .theme-dark .chat .title-wrap .title.channel-group-dm-managed .channel-name, .theme-dark .chat .title-wrap .title.channel-group-dm .channel-name .input-autosize-inner .input-autosize-input{
  54. color: aqua !important;
  55. }
  56.  
  57. .theme-dark .chat>.content, .theme-dark .friends-table, .theme-dark .messages-wrapper{
  58. background-color: black !important;
  59. }
  60.  
  61. .scroller-wrap.dark .scroller::-webkit-scrollbar-thumb{
  62. border-color: rgba(7, 236, 247, 0.96) !important;
  63. background-color: rgb(8, 8, 8) !important;
  64. }
  65.  
  66. .guild-channels{
  67. background-color: #000000 !important;
  68. }
  69.  
  70. .guild-header header{
  71. background-color: #000000 !important;
  72. box-shadow: 0 1px 0 #00c4ff,inset 0 -1px 0 rgba(0,0,0,.1);
  73. }
  74.  
  75. .scroller-wrap .scroller::-webkit-scrollbar {
  76. width: 4px;
  77. }
  78.  
  79. .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
  80. background-color: #282b30 !important;
  81. border-color: #282b30 !important;
  82. }
  83.  
  84. .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb {
  85. background-color: #282b30 !important;
  86. border-color: #00dcff !important;
  87. }
  88.  
  89. .scroller-wrap.fade .scroller::-webkit-scrollbar-thumb, .scroller-wrap.fade .scroller::-webkit-scrollbar-track-piece {
  90. visibility: visible;
  91. }
  92.  
  93. .theme-dark .channel-members {
  94. background-color: #000000 !important;
  95. }
  96.  
  97. .guilds-wrapper{
  98. background: #000000 !important;
  99. }
  100.  
  101. .theme-dark .chat .title-wrap {
  102. border-bottom: 1px solid #00dcff;
  103. background-color: black;
  104. box-shadow: 0 1px 0 rgba(0,0,0,.06);
  105. }
  106.  
  107. .account .btn-group {
  108. border: 1px solid #00c4ff !important;
  109. }
  110.  
  111. .account .btn-deafen, .account .btn-mute {
  112. border-right: 1px solid #000000 !important;
  113. }
  114.  
  115. .account .btn {
  116. background: #000000 !important;
  117. }
  118.  
  119. .account {
  120. border-top: 1px solid #00c4ff;
  121. }
  122.  
  123. .guild-channels header {
  124. color: #00c4ff !important;
  125. }
  126.  
  127. .guild-channels .channel-text.selected:before
  128. border-left: 2px solid #00c4ff !important;
  129. }
  130.  
  131. .guild-channels .channel-text.selected {
  132. background: linear-gradient(to right,#525050 0%,#000000);
  133. }
  134.  
  135. #rtc-connection {
  136. background: #000000 !important;
  137. border-top: 1px solid #00c4ff !important;
  138. }
  139.  
  140. #rtc-connection .btn-group {
  141. border: 1px solid #00c4ff !important;
  142. }
  143.  
  144. #rtc-connection .btn {
  145. background: #000000 !important;
  146. }
  147.  
  148. #rtc-connection .rtc-connection-channel {
  149. color: #00b0f4 !important;
  150. opacity: 0.7;
  151. }
  152.  
  153. .theme-dark .channel-textarea-inner, .theme-dark .channel-textarea.has-results .channel-textarea-inner {
  154. border-color: #00c4ff;
  155. }
  156.  
  157. .theme-dark .channel-textarea-inner textarea {
  158. color: #00ffff;
  159. background-color: transparent;
  160. }
  161.  
  162. .channel:not(.selected):hover {
  163. transition: background .1s ease-in;
  164. background: rgba(0, 196, 255, 0.5);
  165. }
  166.  
  167. .channel:not(.selected) {
  168. transition: background .1s ease-out;
  169. }
  170.  
  171. .guild-channels .selected a{
  172. background: linear-gradient(to right, #000000, #00637F) !important;
  173. }
  174.  
  175. .theme-dark .chat form .typing {
  176. background-color: #000000;
  177. }
  178.  
  179. .theme-dark .chat form .typing span {
  180. color: #00c4ff;
  181. }
  182.  
  183. .search-bar {
  184. background-color: #000000;
  185. box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0),inset 0 -1px 0 0 #00cbff;
  186. }
  187.  
  188. .private-channels {
  189. background-color: #000000;
  190. }
  191.  
  192. .theme-dark #friends .friends-header {
  193. background-color: #000000;
  194. border-bottom: 1px solid #00cbff;
  195. }
  196.  
  197. .search-bar .search-bar-inner {
  198. background: rgba(255, 255, 255, 0.24);
  199. border: 1px solid #00cbff;
  200. }
  201.  
  202. .private-channels .channel.selected:before {
  203. border-left: 2px solid #00cbff;
  204. }
  205.  
  206. .private-channels .channel.selected {
  207. background: linear-gradient(left,#3d71c6 100%,#3d71c6) !important;
  208. background: linear-gradient(to right,rgba(0, 96, 255, 0.61) 85%,#00cbff) !important;
  209. color: #fff !important;
  210. }
  211.  
  212. .theme-dark #friends {
  213. background-color: #00cbff !important;
  214. }
  215.  
  216. .theme-dark #friends .friends-table .friends-row:hover {
  217. background: #3d71c6;
  218. }
RAW Paste Data