Advertisement
beercake

rocketchat dark v.06

May 3rd, 2018
201
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.82 KB | None | 0 0
  1. .sidebar {
  2.     background-color: #1f2227;
  3. }
  4.  
  5. .rc-header__wrap {
  6.     background-color: #1f2227;
  7. }
  8.  
  9. .rc-header__name {
  10.     color: #cccccc;
  11. }
  12.  
  13. .messages-container .footer {
  14.     background: #32373a;
  15. }
  16.  
  17. .rc-icon {
  18. }
  19.  
  20. .rc-message-box__textarea {
  21.     color: #e2e2e2;
  22. }
  23.  
  24. .rc-old .messages-container-wrapper {
  25.     background-color: #17191d;
  26. }
  27.  
  28. .color-primary-font-color {
  29.     color: #bfbfbf;
  30. }
  31.  
  32. .rc-old .message .user {
  33.     color: #636363;
  34. }
  35.  
  36. .unread-bar.background-component-color {
  37.     background-color: #3c3c3c;
  38.     color: #a0b6ca;
  39. }
  40.  
  41. .announcement {
  42.     background-color: #0c131d;
  43. }
  44.  
  45. .rc-message-box__typing {
  46.     color: white;
  47. }
  48.  
  49. .rc-message-box__typing__user {
  50.     color: white;
  51. }
  52.  
  53. .message a {
  54.     color: #77acdc;
  55. }
  56.  
  57. .contextual-bar {
  58.     background-color: #17181b;
  59. }
  60.  
  61. .rc-user-info-container {
  62.     background-color: #232121;
  63. }
  64.  
  65. .rc-button {
  66.     color: #cbced1;
  67. }
  68.  
  69. .message-popup-results {
  70.     background-color: #1d1d1d;
  71. }
  72.  
  73. .emoji-picker {
  74.     background-color: #1d1d1d;
  75. }
  76.  
  77. .rc-old .message-popup {
  78.     background-color: #1d1d1d;
  79. }
  80.  
  81. .rc-message-box__container.editing {
  82.     background-color: #1e242f;
  83. }
  84.  
  85. .message.editing {
  86.     background-color: #2b3944;
  87. }
  88.  
  89. .mention-link.mention-link-me.background-primary-action-color {
  90.     color: #101010;
  91. }
  92.  
  93. #icon-menu path, #icon-add-reaction path {
  94.     fill: #cecece;
  95. }
  96.  
  97. .message-actions__button:hover {
  98.     color: #cecece;
  99. }
  100.  
  101. .background-transparent-dark-hover:hover {
  102.     background-color: rgba(255, 255, 255, 0.05);
  103. }
  104.  
  105. .message .reactions>li.selected {
  106.     color: #c7e6ff;
  107.     border-color: #3e3e3e;
  108.     background-color: #717171;
  109. }
  110.  
  111. .message .reactions>li {
  112.     color: #c7e6ff;
  113.     border-color: #3e3e3e;
  114.     background-color: #3e3e3e;
  115. }
  116.  
  117. .rc-user-info__avatar {
  118.     width: 300px;
  119.     height: 300px;
  120. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement