Public Pastes
SHARE
TWEET

radeon_nightmode.scss

notderw Jun 11th, 2018 92 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
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top