Dark comments.app (with widgets)

darkcommentsapp_widgets.user.css

/* ==UserStyle==
@name           Dark comments.app
@namespace      RadRussianRusThemes
@version        1.1.4
@description    Dark theme for Telegram's comments.app site. This version affects site widgets, if you don't want it, use this version: https://gist.github.com/RadRussianRus/00a4fa06d8c6f074b489a9d2604ef66c
@author         RadRussianRus (https://t.me/radrussianrus)
@license        unlicense
@homepageURL    https://gist.github.com/RadRussianRus/7710133e4c75e99c871cf0023119244d
@updateURL      https://gist.githubusercontent.com/RadRussianRus/7710133e4c75e99c871cf0023119244d/raw/darkcommentsapp_widgets.user.css
==/UserStyle== */
@-moz-document domain("comments.app") {
  body,
  .bc-comments-footer,
  .form-control,
  input.bc-form-control[readonly],
  textarea.bc-form-control[readonly],
  .input.bc-form-control[readonly],
  input.bc-form-control[disabled],
  textarea.bc-form-control[disabled],
  .input.bc-form-control[disabled],
  .radio-item .radio-input-icon,
  .checkbox-item .checkbox-input-icon,
  .popup {
    background-color: #222;
  }

  body,
  .bc-header,
  a.bc-comment-reply-content,
  .tgme_widget_message_poll_option_value,
  .bc-comment-input-wrap .input.bc-comment-input,
  .bc-dropdown-wrap ul.dropdown-menu > li > .bc-dropdown-item,
  .bc-dropdown-wrap ul.dropdown-menu > li > .bc-dropdown-item:hover,
  .bc-dropdown-wrap ul.dropdown-menu > li > .bc-dropdown-item:focus,
  .form-control,
  .bc-color-label,
  input.bc-color-field {
    color: #b0afaf;
  }

  .bc-head,
  .bc-website-name,
  .bc-user-name a,
  .bc-user-name a:hover,
  body.bc-name-nocolor .bc-comments .bc-comment-author-name > .name,
  .bc-preview-wrap.bc-name-nocolor .bc-comment-author-name > .name {
    color: #e0e0e0;
  }

  .tgme_widget_message_bubble {
    background-color: #2f2f2f;
    border: 1px solid #424242;
  }

  .tgme_widget_message_bubble_tail .background {
    fill: #2f2f2f;
  }

  .tgme_widget_message_bubble_tail .border_1x {
    fill: #424242;
  }

  .bc-arrow-down,
  .bc-dropdown.dropdown-toggle:hover,
  .open .bc-dropdown.dropdown-toggle,
  .dropdown-menu,
  .bc-comment-input-wrap .input.empty.bc-comment-input {
    background-color: #424242;
  }

  .bc-comment-input-wrap .input.empty.bc-comment-input {
    border: 1px solid #424242;
  }

  .bc-comment-input-wrap .input.bc-comment-input,
  .bc-comment-input-wrap .input.bc-comment-input:focus {
    background-color: #464646;
    border: 1px solid #464646;
  }

  .bc-comment.highlight,
  .btn-default:hover,
  .btn-default:focus,
  .btn-default:active,
  .open > .dropdown-toggle.btn-default,
  .popup-buttons .btn-link:hover {
    background: #333333;
  }

  .bc-dropdown-wrap ul.dropdown-menu > li > .bc-dropdown-item:hover,
  .bc-dropdown-wrap ul.dropdown-menu > li > .bc-dropdown-item:focus,
  .dropdown-menu .divider {
    background-color: #626262;
  }

  .bc-user-row-wrap + .bc-user-row-wrap .bc-user-body {
    border-top: 1px solid #626262;
  }

  a,
  .widget_frame_base a,
  .tgme_widget_message_footer,
  .bc-comment-reply-content .bc-comment-head,
  .btn-default,
  .field-focused .bc-form-label,
  .btn-default:hover,
  .btn-default:focus,
  .btn-default:active,
  .open > .dropdown-toggle.btn-default,
  .popup-buttons .btn-link,
  .popup-buttons .btn-link:hover {
    color: #7ebbec;
  }

  .bc-comment-reply-content:before {
    border-left: 2px solid #7ebbec;
  }

  a.bc-dl-button,
  a.bc-bot-open-btn,
  a.bc-websites-open-btn,
  .bc-website-login-btn,
  .btn-primary,
  .bc-comment-form .bc-submit-comment-btn {
    background: #427eaf;
  }

  code {
    color: #e4b58c;
    background-color: #252525;
  }

  input.bc-form-control,
  textarea.bc-form-control,
  .input.bc-form-control {
    box-shadow: inset 0 -1px 0 #404040;
  }

  input.bc-form-control[readonly]:focus,
  textarea.bc-form-control[readonly]:focus,
  .input.bc-form-control[readonly]:focus,
  input.bc-form-control[disabled]:focus,
  textarea.bc-form-control[disabled]:focus,
  .input.bc-form-control[disabled]:focus {
    box-shadow: inset 0 -1px 0 #9e9e9e;
  }

  .bc-back-btn:before {
    -webkit-filter: brightness(6.5);
    filter: brightness(6.5);
  }

  .bc-customize-btn:before {
    -webkit-filter: saturate(0.6) brightness(1.2);
    filter: saturate(0.6) brightness(1.2);
  }
  
  .tgme_widget_message_roundvideo_border {
    border: 70px solid #2f2f2f;
  }
}