notderw

radeon_nightmode.scss

Jun 11th, 2018
100
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [lang=nm] {
  2.     /* Nightmode */
  3.     body {
  4.         background-color: #151515;
  5.     }
  6.  
  7.         /* Card Color */
  8.         #ad_main, #images, #search #searchexpando, .account-activity-box, .combined-search-page > .content, .commentarea > .sitetable > .comment, .comments-page .link .usertext .md, .comments-page .link, .comments-page .side .linkinfo, .content.submit .info-notice, .drop-choices a.choice, .hover-bubble, .hover-bubble.multi-selector label:hover, .linefield, .linefield.mobile, .linefield.mobile, .listing-page .comment, .login-form-side, .modal-body, .reddit-infobar, .side .sidecontentbox, .side .titlebox, .sidebox.create .morelink a, .sponsorshipbox, .stylesheet-customize-container .pretty-form, .submit-page .roundfield, .subreddit-report-form .report-reason-other input[type=text], .titlebox form.toggle, .usertext.border .usertext-body, .wiki-page .pageactions, .wiki-page .wiki-page-content, .wiki-page .wikititle, body .content .thing.spam, body.listing-page > .content, select, .hover-bubble.multi-selector .create-multi input[type="text"], #previoussearch #moresearchinfo, .res #REScommentNavToggle, .RESSubscriptionButton, #userTaggerClose, .RESDialogSmall, .RESCloseButton, body.other-discussions-page > .content, .linkinfo, .read-next.fixed, .organic-listing .link, .organic-listing .link.compressed, .organic-listing .link.promotedlink, #ad-frame, #ad_main, #ad_main_top, .admin_takedown, .drop-choices.lightdrop, .leavemoderator, .side .titlebox h1.redditname:before {
  9.             background-color: #222;
  10.         }
  11.  
  12.             /* Secondary Card Color */
  13.             #search input[type=text], .c-form-control, .comment.spam > .child, .commentarea > .usertext, .flairoptionpane ul li .linkflair:hover, .flairselector .flairoptionpane ul li:hover, .flairselector, .gold-accent.comment-visits-box, .gold-wrap.inline-gold .fancy, .hover-bubble.multi-selector, .hover-bubble.save-selector .savedcategory, .link .md pre, .link .md:not(pre) > code, .md blockquote, .md p code, .md pre, .new-comment .md:not(pre) > code, .new-comment .usertext-body, .post-sharing, .reddit-infobar.with-icon, .search-page #previoussearch label, .side .spacer input, .side .titlebox .md h4 a, .subreddit-report-form, .subreddit-rule-item:hover, .subreddit-stylesheet-source, .usertable > .toggle, .usertext .markhelp .spaces, .wiki-page .pageactions .wikiaction-current:hover, .wiki-page .pageactions .wikiaction:hover, .wiki-page .wiki-page-content #wiki_revision_reason, .wiki-page .wiki-page-content .md.wiki h4, body .content input[type=text], body .content input[type=url], body .content textarea, side .spacer input, .link .md :not(pre) > code, #sr-header-area .drop-choices a.choice:hover, .new-comment .md pre, .comment .expand:hover, .side #moderation_tools .title .collapse-button, .usertext.border .md :not(pre) > code, .titlebox .tagline:after, .new-comment .md :not(pre) > code, ul.res-search-tabs a, .RESDialogSmall > h3, #userTaggerToolTip input[type=text], #BigText, ul.report-reasons, .read-next .read-next-header, .diff_header, .diff_next, #newlink-with-image-upload .image-upload-drop-target, .md code, .usertext.border .md pre, .comments-page .side .linkinfo .shortlink input, .action-reason, .side .titlebox .tagline a.flairselectbtn, .leavemoderator a, .author-tooltip__head {
  14.                 background-color: #1B1B1B;
  15.             }
  16.  
  17.     /* Thumbnails */
  18.     .thumbnail.default, .thumbnail.self, .thumbnail.image {
  19.         background-color: #424242;
  20.     }
  21.  
  22.     /* Comment Area */
  23.     .comments-page .commentarea .comment, .comments-page .commentarea .comment .comment .comment, .comments-page .commentarea .comment .comment .comment .comment .comment, .comments-page .commentarea .comment .comment .comment .comment .comment .comment .comment, .comments-page .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  24.         background: #222 !important;
  25.     }
  26.  
  27.         .comments-page .commentarea .comment .comment, .comments-page .commentarea .comment .comment .comment .comment, .comments-page .commentarea .comment .comment .comment .comment .comment .comment, .comments-page .commentarea .comment .comment .comment .comment .comment .comment .comment .comment, .comments-page .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  28.             background-color: #1B1B1B !important;
  29.         }
  30.  
  31.     /* Border Color */
  32.     #img-preview-container, #sr-header-area .drop-choices a.choice, .c-form-control, .comment .child, .comments-page .link .usertext .md, .drop-choices a.choice, .drop-choices a.choice, .dropdown.lightdrop .selected, .expando-button, .expando-button.image, .expando-button.selftext.collapsed, .expando-button.selftext.expanded, .expando-button.video.collapsed, .expando-button.video.expanded, .flairselector form, .flairselector.drop-choices.active, .gold-accent.comment-visits-box, .gold-wrap.inline-gold .fancy, .gold-wrap.inline-gold .fancy-inner, .hover-bubble, .hover-bubble.save-selector .savedcategory, .linefield.mobile, .link .md pre, .link .md:not(pre) > code, .login-form-side, .md p code, .md pre, .md td, .md th, .menuarea, .nav-buttons .nextprev a, .nav-buttons .nextprev, .new-comment .usertext-body, .post-sharing, .reddit-infobar, .res .RES-keyNav-activeElement, .side .spacer input, .subreddit-report-form, .usertable > .toggle, .usertext .markhelp td, .usertext .markhelp, .wiki-page .wiki-page-content #wiki_revision_reason, .wiki-page .wiki-page-content .wiki > .toc > ul ul, .wiki-page .wiki-page-content hr, body .content input[type=text], body .content input[type=url], body .content textarea, select, side .spacer input, ul.report-reasons, .hover-bubble.multi-selector .create-multi input[type="text"], .titlebox .bottom, .side #moderation_tools .title .collapse-button, .md hr, .tabmenu, .md blockquote, .link .usertext .md, .RESDialogSmall > h3, #userTaggerClose, #BigText, .RESCloseButton, .linkinfo, .read-next .read-next-header, .read-next.fixed, #newlink-with-image-upload .image-upload-drop-target, .md code, .author-tooltip__head {
  33.         border-color: #333;
  34.     }
  35.  
  36.         /* Black Text Color */
  37.         #cover-msg, #login .modal-title, #search #searchexpando label, #search input[type=text]:focus, #sr-header-area .drop-choices a.choice, .comment .author, .comment-visits-box .title, .commentarea .panestack-title .title, .commentingAs, .comments-page .side .linkinfo .score, .content.submit .info-notice, .delete-field td, .drop-choices a.choice, .dropdown.lightdrop .selected, .entry .buttons li.reported-stamp, .flairlist .header, .flat-vert.title, .generic-table, .hover-bubble, .hover-bubble.multi-selector strong, .linefield .upload, .linefield label, .linefield span, .link .entry .tagline a, .md blockquote, .md h1, .md h2, .md h3, .md h4, .md h5, .md h6, .md li, .md p, .md pre code, .md td, .md th, .menuarea, .nav-buttons .nextprev a, .post-sharing .post-sharing-main .c-form-group > .post-sharing-label, .reddit-infobar, .roundfield label, .search-page #previoussearch label, .side .md p, .side .spacer input, .status, .submit-page .roundfield .title, .subreddit-report-form .report-header, .subreddit-report-form .report-reason-item .report-reason-display, .subreddit-report-form, .subreddit-rule-form .form-group-kind label, .tabmenu li.selected a, .tabpane-content .flairrow a.author, .titlebox .users-online .number, .titlebox form.toggle.sr_style_toggle labe .titlebox form.flairtoggle, .usertext .markhelp td, .wiki-page .pageactions .wikiaction, .wiki-page .wiki-page-content #wiki_revision_reason, .wiki-page .wiki-page-content .description h2, .wiki-page .wiki-page-content .md.wiki h4, .wiki-page .wiki-page-content .wiki.md h2, .wiki-page .wiki-page-content em, .wiki-page .wikititle, .wiki-page-content .md h1, .wiki-page-content .md h3, .wiki-page-content .md h5, .wiki-page-content .md h6, body .content input[type=text]:focus, body .content input[type=url]:focus, body .content textarea:focus, code, input, label, p, select, ul#image-preview-list .description pre, ul#image-preview-list, small, #newlink-with-image-upload #image-name, .titlebox:before, #previoussearch p, dt, .combined-search-page .search-result-group .search-header-label, .combined-search-page .search-result-group .search-menu .dropdown.lightdrop .selected, .side #moderation_tools .title .collapse-button, ul.image-preview-list, .res #REScommentNavToggle, .RESSubscriptionButton, .RESDialogSmall > h3, #userTaggerClose, #userTaggerToolTip label, ul.res-search-tabs a, .viewSource textarea[readonly], #BigText, .RESCloseButton, .submit-page .roundfield span.title, .linkinfo, .read-next .read-next-header-title, .diff_header, .generic-table, ul.report-reasons li.report-reason-title, #newlink-with-image-upload .file-drop-label, .wiki-page .wiki-page-content .pagelisting, .action-reason, em, #newlink-with-image-upload #new-link-video-preview, #newlink-with-image-upload .media-post-upload-progress, .titlebox span.subscribers {
  38.             color: #bdbdbd;
  39.         }
  40.  
  41.             /* Gray Text Color */
  42.             .bottommenu, .commentarea .menuarea .dropdown.lightdrop .selecte, .commentarea .menuarea .toggle a, .commentarea .menuarea span.dropdown-title.lightdrop, .comments-page .side .linkinfo .date, .entry .buttons li a, .entry .buttons li + li, .entry .buttons li, .entry .tagline, .gadget .score, .gold-accent.comment-visits-box, .gray, .linefield .title + .gray, .link .domain a, .linkinfo .shortlink, .md del, .nav-buttons .nextprev, .side #moderation_tools .title h1, .sidecontentbox .more a, .sidecontentbox .title h1, .tabmenu li a, .tagline .stickied-tagline, .top-page .menuarea, .usertext .bottom-area a, .usertext .bottom-area a.reddiquette, body .content input[type=url], dd, .combined-search-page .search-result .search-result-meta, span.age, .titlebox .bottom, ul.image-preview-list .description pre, .link .entry .buttons li .redditSingleClick, .keyNavAnnotation, .res .RESDashboardToggle, .linkinfo .totalvotes, .read-next .read-next-meta, td, .required-roundfield:before, #items-required, a.voteWeight {
  43.                 color: #999;
  44.             }
  45.  
  46.     /* Misc. Fix */
  47.     #newlink-with-image-upload #new-link-video-preview .video-preview-heading .video-cancel-button {
  48.         background-color: #1B1B1B !important;
  49.     }
  50.  
  51.     #newlink-with-image-upload #new-link-video-preview, #newlink-with-image-upload .media-post-upload-progress {
  52.         background-color: #222 !important;
  53.     }
  54.  
  55.     a.voteWeight {
  56.         background-color: inherit !important;
  57.     }
  58.  
  59.     #newlink-with-image-upload .image-upload-drop-target {
  60.       background-color: #1B1B1B !important;
  61.       border-color: #333 !important;
  62.     }
  63.  
  64.     .entry.RES-keyNav-activeElement, .entry.RES-keyNav-activeElement .md-container {
  65.         background-color: transparent !important;
  66.     }
  67.  
  68.     .search-expando.collapsed:before {
  69.         background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #222 100%);
  70.     }
  71.  
  72.     .viewSource textarea[readonly] {
  73.         background: repeating-linear-gradient(-225deg, #222222, transparent 40px, rgba(166, 166, 166, .1) 40px, rgb(34, 34, 34) 80px);
  74.     }
  75.  
  76.     .search-page #search input[type=text] {
  77.         color: #E0E0E0 !important;
  78.     }
  79.    
  80.     /* Custom /r/radeon stuff */
  81.    
  82.     /* Addon: Custom Colors */
  83.     /* Buttons */
  84.     .morelink, .side .titlebox .md h3 a, .drop-choices a.choice:hover, .submit-page #newlink.submit.content ul.tabmenu.formtab,
  85.     .submit_text.enabled.roundfield, body .btn, body button, .content .infobar, .side .md:nth-child(1) ul li::before,
  86.     .titlebox .fancy-toggle-button .active.add, .tagline .userattrs .moderator, .flair-mod::before, .stickied .thumbnail {
  87.         background-color: #3f51b5;
  88.     }
  89.    
  90.     .likes div.score.likes, .stickied.comment>.entry a, .stickied.comment .tagline .stickied-tagline {
  91.         color: #3f51b5
  92.     }
  93.  
  94.         .morelink:hover, .side .titlebox .md h3 a:hover, .btn:hover, body button:hover {
  95.             background-color: #5c6bc0;
  96.         }
  97.  
  98.         .morelink:active, .side .titlebox .md h3 a:active, .btn:active, body button:active {
  99.             background-color: #283593;
  100.         }
  101.  
  102.     /* Links */
  103.     .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title, .link .entry .buttons li a.comments,
  104.     .link .entry .buttons li a.flairselectbtn, .link .entry .buttons li a:hover, .titlebox .tagline a.flairselectbtn, .md a,
  105.     .side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4, .sidebox.create .morelink a, :not(.morelink) > a, .side:after, .usertext .bottom-area a.reddiquette,
  106.     .wiki-page .pageactions .wikiaction-current, .tagline .submitter, .combined-search-page .search-result .search-result-header .search-title,
  107.     .combined-search-page .search-result a, .combined-search-page .search-result a > mark, .combined-search-page .search-result .search-comments,
  108.     .flairselector h2, .linefield .title, body .content .sitetable .link .title a:hover, .link .entry .tagline a:hover, .comment .author:hover {
  109.         color: #3f51b5;
  110.     }
  111.    
  112.     .thing.link.stickied a.title, .thing.link.stickied li a, .thing.link.stickied .entry li .comments {
  113.         color: #3f51b5 !important;
  114.     }
  115.  
  116.     /* End Addon */
  117.    
  118.     .side h5:first-of-type a {
  119.         background: #283593;
  120.     }
  121.    
  122.     .side .md:nth-child(1) ul li::before {
  123.         border-color: #424242
  124.     }
  125.    
  126.     .side .md:nth-child(1) ul li {
  127.         border-color: #9fa8da
  128.     }
  129.  
  130.     #header {
  131.         background:url(%%nightheader%%) 50% 50% / cover no-repeat;
  132.     }
  133.    
  134.     .footer-parent {
  135.         background:url(%%nightcondensedfooter%%) 50% 50% / cover no-repeat;
  136.     }
  137.    
  138.     .side .titlebox h1.redditname a {
  139.         background-position: 0 -18px;
  140.     }
  141.  
  142.     .side .md:nth-child(1) ul li::before {
  143.         border-color: #222
  144.     }
  145.    
  146.     .side .md:nth-child(1) ul li {
  147.         background: #424242
  148.     }
  149.    
  150.     .flair {
  151.         color: #f5f5f5
  152.     }
  153.    
  154.     .linkflairlabel, .flairoptionpane ul li .linkflair span.linkflairlabel {
  155.         background: #333
  156.     }
  157.  
  158.     .arrow.upmod {
  159.         background-position: -33px -40px;
  160.     }
  161.    
  162.     /* CROSSPOSTS */
  163.    
  164.     .crosspost-preview, .link .crosspost-preview-content .self-divider {
  165.         background-color: #1B1B1B;
  166.         border-color: #1B1B1B;
  167.     }
  168.    
  169.     /* USER FLAIRS */
  170.    
  171.     .flair {
  172.         color: #e0e0e0;
  173.        
  174.         &::before {
  175.             opacity: 0.6;
  176.             background-color: #212121;
  177.         }
  178.     }
  179.    
  180.     .flair-radeon { background-color: #680302; }
  181.     .flair-amd { background-color: #682102; }
  182.     .flair-amdostg { background-color: #1d3420; }
  183.     .flair-nvidia { background-color: #385702; }
  184.     .flair-intel { background-color: #06355b; }
  185.     .flair-mod { background-color: #000; }
  186.     .flair-recog { background-color: #3a1342; }
  187. }
RAW Paste Data