☰

bdsmlr - Dark Theme

Dark theme for bdsmlr

  1. /* ==UserStyle==
  2. @name           bdsmlr - Dark Theme
  3. @namespace      Hentiedup
  4. @version        0.2.2
  5. @description    Dark theme for bdsmlr
  6. @author         Hentiedup
  7. @license        unlicense
  8. @preprocessor   stylus
  9.  
  10. @var            checkbox     forceCommentColor "Force comment color" 0
  11. @var            color        forcedCommentColor "Forced comment color" #DDD
  12. ==/UserStyle== */
  13. @-moz-document domain("bdsmlr.com") {
  14.     html,
  15.     body,
  16.     .tooltipster-content,
  17.     .newaskholder,
  18.     .wrapsubmission,
  19.     .photopostup {
  20.         background-color: #1b232a !important;
  21.         color: #DDD;
  22.     }
  23.     
  24.     .dropownwrap {
  25.         background-color: #101015;
  26.         color: white;
  27.     }
  28.     .dropdowntext,
  29.     .dayposted {
  30.         color: white;
  31.     }
  32.     em {
  33.         color: #DDD;
  34.     }
  35.  
  36.     .logo > img,
  37.     .header .menu ul li a,
  38.     .header .menu ul li i {
  39.         filter: brightness(75%);
  40.     }
  41.  
  42.     #menumessageholder,
  43.     #menumessageholder *,
  44.     #activitymenuholder,
  45.     #activitymenuholder *,
  46.     .profilemenu,
  47.     .profilemenu *,
  48.     .postoptions,
  49.     .postoptions * {
  50.         background-color: #333 !important;
  51.         color: #DDD !important;
  52.     }
  53.  
  54.     #activitymenuholder .commentsallhref {
  55.         background-image: none;
  56.     }
  57.  
  58.     .viewlink,
  59.     .titletext,
  60.     .textcontent {
  61.         color: #DDD !important;
  62.     }
  63.     
  64.     if forceCommentColor {
  65.         .singlecomment * {
  66.             background-color: transparent !important;
  67.             color: forcedCommentColor !important;
  68.         }
  69.     }
  70.  
  71.     .content .newsfeed .feed .news,
  72.     .footerside {
  73.         background-color: #101015;
  74.         color: white;
  75.     }
  76.     .content .newsfeed .feed .news .create ul.post-triggers li a i.black,
  77.     .content .newsfeed .feed .news .create ul.post-triggers li a span,
  78.     .postfooter,
  79.     .singlecomment,
  80.     .thumb,
  81.     .blogdescription {
  82.         color: #DDD;
  83.     }
  84.  
  85.     .post_info .ndata:first-of-type {
  86.         color: #DDD !important;
  87.     }
  88.     .post_info .ndata:last-of-type {
  89.         color: #999 !important;
  90.     }
  91.  
  92.     .originalposter a,
  93.     .title,
  94.     .blogtitle {
  95.         color: white;
  96.     }
  97.     .thumb > .ndata,
  98.     .thumbed > .adata {
  99.         color: white !important;
  100.     }
  101.  
  102.     .pagination > .disabled > span,
  103.     .pagination > .disabled > span:hover,
  104.     .pagination > .disabled > span:focus,
  105.     .pagination > .disabled > a,
  106.     .pagination > .disabled > a:hover,
  107.     .pagination > .disabled > a:focus {
  108.         background-color: #666;
  109.         color: #DDD;
  110.     }
  111.     .rightli > a {
  112.         color: #DDD !important;
  113.         background-color: #101015 !important;
  114.         border-color: black !important;
  115.     }
  116.  
  117.     .info,
  118.     .update,
  119.     .selectedblog,
  120.     .GroupSwitch,
  121.     .Tagsearch {
  122.         background-color: #101015 !important;
  123.     }
  124.     .allfollows,
  125.     .postholder,
  126.     .image_container,
  127.     .searchedblog,
  128.     .searchpost {
  129.         background-color: #101015;
  130.         color: #DDD;
  131.     }
  132.     #rightposts,
  133.     .instructions,
  134.     .post_content,
  135.     .postholder {
  136.         background-color: #101015 !important;
  137.         color: #DDD !important;
  138.     }
  139.     .sidetitle,
  140.     .sidedesc,
  141.     .singlecomment {
  142.         color: #DDD !important;
  143.     }
  144.  
  145.     .appnotice {
  146.         background-color: #301515;
  147.     }
  148.     input,
  149.     button,
  150.     select,
  151.     ul.tagit input[type="text"],
  152.     ul.tagit {
  153.         background-color: #333;
  154.         border-color: #333;
  155.         color: white;
  156.     }
  157.     #Tagsphoto {
  158.         background: none;
  159.         background-color: #374552;
  160.         border-color: #333 !important;
  161.         color: white;
  162.     }
  163.     #Tagsphoto input {
  164.         background: none;
  165.     }
  166.     ul.tagit li.tagit-choice {
  167.         background: #1b232a 50% 50%;
  168.         color: #999;
  169.     }
  170.     .photodescription {
  171.         background: #374552;
  172.     }
  173.     .photodescription + div {
  174.         background: #485867 !important;
  175.         border-color: #333 !important;
  176.     }
  177.     
  178.     .sweet-alert {
  179.         background-color: #374552;
  180.         border: 3px solid #1b232a;
  181.     }
  182.     .sweet-alert > h2,
  183.     .sweet-alert > p {
  184.         color: #DDD;
  185.     }
  186.     
  187.     
  188.     .viewmore,
  189.     .followuserbutton {
  190.         background-color: #101015;
  191.         border-color: #101015;
  192.         color: white;
  193.     }
  194.     .dropzone,
  195.     .dropzone .dz-message,
  196.     .dropzone.dz-started .dz-message {
  197.         background-color: rgba(55, 69, 82, 1);
  198.         border-color: #101015;
  199.         color: white;
  200.     }
  201.     .comment {
  202.         background-color: rgba(55, 69, 82, 1) !important;
  203.         border-color: #333 !important;
  204.         color: white !important;
  205.     }
  206.     .searchTagsWrapper button {
  207.         background-color: #333 !important;
  208.         border-color: #333 !important;
  209.         color: white !important;
  210.     }
  211. }