Advertisement
phide

Dark + purple theme on google chat

Nov 11th, 2021
19
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.92 KB | None | 0 0
  1. :root {
  2. color-scheme: dark;
  3. --scrollbar-thumb-color: rgba(32,33,36,0.361);
  4. --scrollbar-thumb-active-color: rgba(32,33,36,0.541);
  5. --scrollbar-thumb-hover-color: rgba(32,33,36,0.541);
  6. scrollbar-color: light;
  7. --adopt-shell-color: #202124;
  8. --background-color: #202124;
  9. --roomatar-bg-color: VIOLET;
  10. --topbar-bg-color: #202124;
  11. --topbar-header-text: #202124;
  12. --settings-bg-color: #202124;
  13. --settings-card-bg-color: #20;
  14. --card-bg-color: #202124;
  15. #fff: ;
  16. --settings-footer-bg: ;
  17. --dialog-bg-color: white;
  18. g-bg-color: #fff;
  19. --private-message-bg-color: violet;
  20. --highlight-bg-color: #202124;
  21. --highlight-bg-color: ;
  22. ight-bg-color: #e8f0fe;
  23. --selected-slash-command-bot-name-bg-color: #f8f9fa;
  24. --primary-app-color: #1a73e8;
  25. --primary-text-color: violet;
  26. --secondary-text-color: #5f6368;
  27. --world-group-text-color: var(--primary-text-color);
  28. --world-group-unread-text-color: violet;
  29. --hint-text-color: #5f6368;
  30. --disabled-text-color: #bdc1c6;
  31. --header-text-color: #3c4043;
  32. --text-link-color: #3c4043;
  33. --pill-text-color: #9aa0a6;
  34. --selected-state-color: #e6f4ea;
  35. --notifications-color: chocolate;
  36. --hover-state-color: rgba(32,33,36,0.039);
  37. --focus-state-color: rgba(32,33,36,0.122);
  38. --pressed-state-color: #202124;
  39. --avatar-bg-color: #f1f3f4;
  40. --avatar-picker-bg-color: #f8f9fa;
  41. --avatar-icon-color: #bdc1c6;
  42. --avatar-helper-bg-color: #fff;
  43. --message-accented-bg-color: #e8f0fe;
  44. --dialog-elevation: 0 1px 2px 0 rgba(60,64,67,0.30) ,0 2px 6px 2px rgba(60,64,67,0.15);
  45. --dialog-highlighted-bg-color: rgba(32,33,36,0.078);
  46. --dialog-hairline-line-color: #dadce0;
  47. --dialog-hairline-style: solid 1px var(--dialog-hairline-line-color);
  48. --badge-text-color: #c5221f;
  49. --badge-background-color: #fce8e6;
  50. --badge-invite-bg-color: #fff;
  51. --world-badge-color: #80868b;
  52. --world-badge-bg-color: #fff;
  53. --world-badge-border-color: #80868b;
  54. --icon-color: #5f6368;
  55. --icon-disabled-color: #bdc1c6;
  56. --icon-hover-color: #202124;
  57. --light-icon-hover-color: #80868b;
  58. --icon-send-disabled-color: #bdc1c6;
  59. --icon-send-enabled: #1a73e8;
  60. --icon-tag-remove-color: #dadce0;
  61. --dark-icon-color: #202124;
  62. --light-icon-color: #e8eaed;
  63. --presence-dot-selected-color: #e6f4ea;
  64. --scalable-compose-icon-color: rgb(69,90,100);
  65. --scalable-compose-icon-color-hover: rgb(69,90,100);
  66. --icon-alternate-color: #4285f4;
  67. --icon-background-color: #f1f3f4;
  68. --icon-alternate-background-color: #f1f3f4;
  69. --self-mention-font-color: #fff;
  70. --self-mention-bg-color: #d2e3fc;
  71. --self-mention-seen-color: #174ea6;
  72. --self-mention-new-bg-color: #1a73e8;
  73. --surface-chip-text-color: #5f6368;
  74. --surface-compose-box-color: #f1f3f4;
  75. --surface-compose-font-color: #3c4043;
  76. --surface-reaction-text-color: #5f6368;
  77. --surface-unread-text-color: #1a73e8;
  78. --dividers-color: #dadce0;
  79. --tertiary-hint-text-color: #5f6368;
  80. --chip-hairline-color: #dadce0;
  81. --chip-hairline-hover-color: transparent;
  82. --elevation-border-color: transparent;
  83. --mute-toggle-gradient: linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,1) 50%);
  84. --checkmark-border-color: #222;
  85. --in-scheduled-events-icon-color: #174ea6;
  86. --delete-confirm-message-bg-color: #eee;
  87. --tab-switcher-btn-color: #5f6368;
  88. --smart-reply-btn-bg-color: #fff;
  89. --smart-reply-btn-color: #1a73e8;
  90. --smart-reply-line-color: #dadce0;
  91. --smart-reply-line-style: solid 1px var(--smart-reply-line-color);
  92. --smart-reply-btn-active-border: transparent;
  93. --smart-reply-btn-active-bg-color: #fff;
  94. --spam-subtitle-bg-color: rgba(241,243,244,0.749);
  95. --suggestions-bg-color: #fff;
  96. --suggestions-border-color: #dadce0;
  97. --suggestions-row-bg-color: #f6f6f6;
  98. --tag-chip-bg-color: #fff;
  99. --tag-chip-color: #202124;
  100. --tag-chip-remove-icon-color: #5f6368;
  101. --tag-border-style: solid 1px #dadce0;
  102. --select-audience-border-style: solid 1px #dadce0;
  103. --files-container-focus-bg-color: rgba(60,64,67,0.039);
  104. --files-container-pressed-bg-color: rgba(95,99,104,0.102);
  105. --files-row-hover-bg-color: #e8f0fe;
  106. --files-row-focus-bg-color: #f8f9fa;
  107. --pill-external-text-color: #202124;
  108. --pill-external-bg-color: #fbbc04;
  109. --pill-tag-bg-color: #f8f9fa;
  110. --bot-catalog-topbar-bg-color: #fff;
  111. --bot-card-bg-color: #80868b;
  112. --bot-catalog-bg-color: #f1f3f4;
  113. --bot-catalog-card-bg-color: #fff;
  114. --bot-catalog-card-content-bg-color: #fff;
  115. --bot-pill-bg-color: #f1f3f4;
  116. --message-inline-monospace-bg-color: #fafafa;
  117. --message-block-monospace-bg-color: #fff;
  118. --message-inline-line-color: #c9c9c9;
  119. --message-block-line-color: #e0e0e0;
  120. --message-monospace-text-color: #424242;
  121. --wiz-paper-radio-text: #222;
  122. --wiz-menu-icon-button-hover-bg-color: rgba(32,33,36,0.078);
  123. --wiz-menu-icon-button-focus-hover-bg-color: #f1f3f4;
  124. --wiz-menu-icon-button-focus-bg-color: rgba(32,33,36,0.078);
  125. --wiz-menu-icon-button-pressed-bg-color: rgba(32,33,36,0.122);
  126. --wiz-menu-selected-bg-color: #e6f4ea;
  127. --primary-line-color: #e8eaed;
  128. --primary-line-style: solid 1px var(--primary-line-color);
  129. --hairline-color: #dadce0;
  130. --hairline-style: solid 1px var(--hairline-color);
  131. --dialog-line-color: #dadce0;
  132. --dialog-line-style: solid 1px var(--dialog-line-color);
  133. --compose-line-color: #dadce0;
  134. --compose-line-style: var(--compose-line-color) 0 0 0 1px;
  135. --option-border-color: #bdbdbd;
  136. --suggestions-line-color: #eaeaea;
  137. --collapsed-line-divider-color: #dadce0;
  138. --input-bg-color: #f8f9fa;
  139. --input-line-style: solid 1px #dadce0;
  140. --input-placeholder-text-color: #80868b;
  141. --input-checkbox-outerbox-border-color: rgba(0,0,0,0.54);
  142. --input-checkbox-innerbox-border-color: #fff;
  143. --input-checkbox-checked-checkmark-color: #fff;
  144. --radio-unselected-color: rgba(0,0,0,0.54);
  145. --button-hover-color: #f1f3f4;
  146. --button-filled-bg-color: var(--primary-app-color);
  147. --button-filled-color: #fff;
  148. --button-filled-hover-bg-color: rgba(26,115,232,0.922);
  149. --button-filled-hover-color: #fff;
  150. --button-filled-focus-bg-color: rgba(26,115,232,0.761);
  151. --button-filled-focus-color: #fff;
  152. --button-filled-focus-hover-bg-color: rgba(26,115,232,0.678);
  153. --button-filled-focus-hover-color: #fff;
  154. --button-filled-pressed-bg-color: #1a73e8;
  155. --button-filled-pressed-color: #fff;
  156. --button-filled-disabled-bg-color: #f1f3f4;
  157. --button-filled-disabled-color: var(--disabled-text-color);
  158. --button-hairline-bg-color: transparent;
  159. --button-hairline-label-color: #dadce0;
  160. --button-hairline-hover-bg-color: #e8f0fe;
  161. --button-hairline-hover-border-color: #d2e3fc;
  162. --button-tonal-bg-color: #e8f0fe;
  163. --button-tonal-color: #1967d2;
  164. --button-text-bg-color: transparent;
  165. --button-text-color: #1967d2;
  166. --button-text-hover-bg-color: rgba(26,115,232,0.11);
  167. --button-text-hover-color: #174ea6;
  168. --button-text-focus-bg-color: rgba(26,115,232,0.11);
  169. --button-text-focus-color: #174ea6;
  170. --button-text-focus-hover-bg-color: rgba(26,115,232,0.239);
  171. --button-text-focus-hover-color: #174ea6;
  172. --button-text-pressed-bg-color: rgba(26,115,232,0.161);
  173. --button-text-pressed-color: #174ea6;
  174. --button-text-disabled-bg-color: #fff;
  175. --button-text-disabled-color: var(--disabled-text-color);
  176. --button-box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15);
  177. --button-protected-bg-color: #fff;
  178. --button-protected-color: #1a73e8;
  179. --button-following-bg-color: #e8f0fe;
  180. --button-following-color: #1a73e8;
  181. --button-follow-color: #1a73e8;
  182. --button-follow-bg-color: #fff;
  183. --button-follow-border-color: #dadce0;
  184. --fab-regular-enabled-bg-color: #1a73e8;
  185. --fab-regular-enabled-color: #fff;
  186. --fab-tonal-enabled-bg-color: #fff;
  187. --fab-tonal-enabled-color: var(--primary-app-color);
  188. --fab-tonal-enabled-shadow: 0 1px 3px 0 rgba(60,64,67,0.30) ,0 4px 8px 3px rgba(60,64,67,0.15);
  189. --fab-tonal-hover-bg-color: rgba(26,115,232,0.039);
  190. --fab-tonal-hover-color: #174ea6;
  191. --fab-tonal-focused-bg-color: rgba(26,115,232,0.122);
  192. --fab-tonal-focused-color: #174ea6;
  193. --chip-bg-color: #eee;
  194. --chip-border-color: #eee;
  195. --chip-img-border-color: #eee;
  196. --chip-img-loading-bg-color: #e0e0e0;
  197. --chip-subtitle-color: #757575;
  198. --chip-title-bg-color: #fff;
  199. --chip-disabled-bg-color: #fff;
  200. --gifpicker-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
  201. --gifpicker-border-style: solid 1px #dadce0;
  202. --gifpicker-tagbar-color: #5f6368;
  203. --gifpicker-tagbar-selected-bg-color: #e8f0fe;
  204. --gifpicker-tagbar-selected-border-color: #e8f0fe;
  205. --gifpicker-tagbar-selected-color: #1967d2;
  206. --gifpicker-btn-open-bg-color: #e8eaed;
  207. --gifpicker-scroll-btn-focus-bg-color: #f1f3f4;
  208. --gifpicker-scroll-btn-focus-border: none;
  209. --emojipicker-border-style: solid 1px #dadce0;
  210. --emojipicker-btn-open-bg-color: #e8eaed;
  211. --emojipicker-category-selected-bg-color: #e8eaed;
  212. --emojipicker-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
  213. --message-anchor-bg-color: var(--focus-state-color);
  214. --message-highlight-bg-color: var(--hover-state-color);
  215. --themed-elevation-1: 0 1px 2px 0 rgba(60,64,67,0.30) ,0 1px 3px 1px rgba(60,64,67,0.15);
  216. --themed-elevation-2: 0 1px 2px 0 rgba(60,64,67,0.30) ,0 2px 6px 2px rgba(60,64,67,0.15);
  217. --themed-elevation-3: 0 1px 3px 0 rgba(60,64,67,0.30) ,0 4px 8px 3px rgba(60,64,67,0.15);
  218. --themed-elevation-4: 0 1px 3px 0 rgba(60,64,67,0.30) ,0 4px 10px 4px rgba(60,64,67,0.15);
  219. --postbar-bg-color: rgba(241,243,244,0.749);
  220. --postbar-overlay-bg-color: #fff;
  221. --postbar-overlay-elevation: 0 1px 2px 0 rgba(60,64,67,0.30) ,0 1px 3px 1px rgba(60,64,67,0.15);
  222. --postbar-overlay-hover-elevation: 0 1px 3px 0 rgba(60,64,67,0.30) ,0 4px 8px 3px rgba(60,64,67,0.15);
  223. --postbar-overlay-hover-bg-color: var(--postbar-bg-color);
  224. --postbar-overlay-main-color: var(--secondary-text-color);
  225. --postbar-button-icon-color: var(--icon-color);
  226. --postbar-button-hover-icon-color: #3c4043;
  227. --postbar-button-hover-background-color: var(--wiz-menu-icon-button-hover-bg-color);
  228. --postbar-button-open-icon-color: #1a73e8;
  229. --postbar-button-open-background-color: rgba(26,115,232,0.122);
  230. --preview-space-box-shadow: 0 0 6px rgba(0,0,0,0.3);
  231. --notification-bg-color: #fff;
  232. --gsuite-integation-card-bg-color: var(--background-color);
  233. --gsuite-integation-card-hover-bg-color: #f6f6f6;
  234. --webhook-menu-btn-opacity: .54;
  235. --calendar-bg-color: #fff;
  236. --calendar-color: #000;
  237. --calendar-disabled-color: rgba(0,0,0,0.38);
  238. --calendar-arrow-icon: rgba(0,0,0,0.54);
  239. --calendar-prev-bg-color: #e8eaed;
  240. --zero-state-image: url(https://www.gstatic.com/dynamite/images/files_empty_1x.png);
  241. --zero-state-2x-image: url(https://www.gstatic.com/dynamite/images/files_empty_2x.png);
  242. --threaded-spaces-panel-button-color: #1967d2;
  243. --threaded-spaces-disabled-panel-button-color: #3c4043;
  244. --threaded-spaces-disabled-panel-mention-button-color: #fff;
  245. --threaded-spaces-panel-hover-color: rgba(25,103,210,0.122);
  246. --threaded-spaces-panel-disabled-pill-background-color: #e8eaed;
  247. --threaded-spaces-reply-summary-border-color: #bdc1c6;
  248. --threaded-spaces-icon-action-color: #202124;
  249. --threaded-spaces-topbar-header-text: #3c4043;
  250. --reply-panel-open-background-color: #f1f3f4;
  251. --otr-banner-background: #e8f0fe;
  252. --otr-banner-text: #3c4043;
  253. --threaded-spaces-description-color: #5f6368;
  254. --threaded-spaces-thread-summary-hover-color: rgba(60,64,67,0.039);
  255. --activity-feed-icon-color: #1967d2;
  256. }
  257.  
  258.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement