This wiki is still in active development, many areas of the site are unstable or broken.

In the meantime, consider adding content to pages you like!

MediaWiki:Theme-dark.css: Difference between revisions

From NBITTRPG Wiki
← Older edit

CStatic (talk | contribs)

3 user groups
2,093 edits
mNo edit summary
Tag: Reverted
mNo edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
:root.skin-theme-clientpref-night:has(> body.ns-3000),
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
:root.skin-theme-clientpref-night:has(> body.ns-3001) {
 
:root {
   
    --main-font: 'Rubik';
    --header-font: 'Rubik';
    --title-font: 'Lora';
   
    /* COLORS */
--background-color: rgb(49, 42, 63);
--content-color: rgba(48, 44, 74);
--text-color: rgb(255, 255, 255);
--link-color: #e3cf75;
    --link-hover-color: #5e188a;
    --link-new-color: #ff3874;
    --text-stroke-color: #fff;
   
    --search-bg-color: rgba(255, 250, 242);;
    --border-color: #be7e32;
   
--header-color: rgb(18 6 48);
--header-text-color: rgb(255, 255, 255);
   
    --sidebar-header-color: #17052c;
    --sidebar-header-text: #fff;
   
    --gradient-start: rgb(15, 10, 27);
    --gradient-end: rgb(111, 111, 111);
    --banner-color: #743f95;
   
--footer-color: #181620;
    --footer-text-color:#6c5097;
    --footer-link-color:#8567a8;
    --footer-link-hover-color:#b399d9;
   
    --cdx-button-color: #9e8bbe;
    --cdx-button-hover: #e0caf5;
      
      
     --header-font: 'Instrument Serif';
     --button-color: rgba(104, 83, 68, 1);
--button-text-color: rgb(255, 255, 255);
}


/* DDD THEME */
:root.skin-theme-clientpref-night:has(.ddd-theme) {
    --header-font: 'Instrument Serif';
       
     /* COLORS */
     /* COLORS */
--background-color: rgb(55, 55, 55);
--background-color: rgb(55, 55, 55);
--content-color: rgba(19, 19, 19);
--content-color: #1d1d1d;
--text-color: rgb(255, 255, 255);
--text-color: rgb(255, 255, 255);
--link-color: #7d7d7d;
--link-color: #a56ac1;
     --link-hover-color: #bfbfbf;
     --link-hover-color: #7b7970;
     --link-new-color: #ff3838;
     --link-new-color: #ff3838;
     --text-stroke-color: #000;
     --text-stroke-color: #000;
      
      
     --search-bg-color: rgba(255, 250, 242);;
     --search-bg-color: rgba(237, 237, 237);;
     --border-color: #b0b0b0;
     --border-color: #b0b0b0;
      
      
Line 36: Line 78:
     --button-color: rgba(76, 76, 76);
     --button-color: rgba(76, 76, 76);
--button-text-color: rgb(255, 255, 255);
--button-text-color: rgb(255, 255, 255);
       
    .mw-wiki-title {
        font-family: 'Instrument Serif' !important;
        letter-spacing: 0.1rem;
        font-style:italic;
    }   
      
      
    .mw-first-heading {
    #mw-content {
            font-family: 'Instrument Serif' !important;
        background-blend-mode: multiply;
            font-style:italic;
    }
            text-transform: uppercase;
   
            color: #fff;
    .mw-editsection,
        paint-order: stroke fill;
    .tools-inline li a {
        -webkit-text-stroke: 8px #000;
        filter: invert(1) hue-rotate(180deg);
        letter-spacing: 0.2rem;
    }
        text-align: center;
   
        background: linear-gradient(180deg, rgba(0, 0, 0, .45) 0%, var(--text-color) 100%);
    .mw-parser-output table.wikitable.lua-infobox.ddd-theme {
         mask-image:linear-gradient(to right,transparent, var(--header-color) 15% 85%, transparent);
         filter: invert(1) ;
        padding: 0.3em;
        a {
            filter: invert(1);
         }
         }
 
     }
     #mw-site-navigation {
     .navbox:has(.ddd-theme) {
     & .sidebar-chunk {
        filter: invert(1);
        clip-path:none;
        a {
        h3 {
        filter: invert(1);
            clip-path:none;
            padding:0.5em;
            text-align:center;
            background: linear-gradient(180deg, rgba(0, 0, 0, .45) 0%, var(--text-color) 100%);
            mask-image:linear-gradient(to right,transparent, var(--header-color) 15% 85%, transparent);
            paint-order: stroke fill;
            -webkit-text-stroke: 3px var(--text-stroke-color);
            }
         }
         }
     }        
     }
}
}

Latest revision as of 14:23, 8 October 2026

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

:root {
    
    --main-font: 'Rubik';
    --header-font: 'Rubik';
    --title-font: 'Lora';
    
    /* COLORS */
	--background-color: rgb(49, 42, 63);
	--content-color: rgba(48, 44, 74);
	--text-color: rgb(255, 255, 255);
	--link-color: #e3cf75;
    --link-hover-color: #5e188a;
    --link-new-color: #ff3874;
    --text-stroke-color: #fff;
    
    --search-bg-color: rgba(255, 250, 242);;
    --border-color: #be7e32;
    
	--header-color: rgb(18 6 48);
	--header-text-color: rgb(255, 255, 255);
    
    --sidebar-header-color: #17052c;
    --sidebar-header-text: #fff;
    
    --gradient-start: rgb(15, 10, 27);
    --gradient-end: rgb(111, 111, 111);
    --banner-color: #743f95;
    
	--footer-color: #181620;
    --footer-text-color:#6c5097;
    --footer-link-color:#8567a8;
    --footer-link-hover-color:#b399d9;
    
    --cdx-button-color: #9e8bbe;
    --cdx-button-hover: #e0caf5;
    
    --button-color: rgba(104, 83, 68, 1);
	--button-text-color: rgb(255, 255, 255);
}

/* DDD THEME */
:root.skin-theme-clientpref-night:has(.ddd-theme) {

     --header-font: 'Instrument Serif';
        
    /* COLORS */
	--background-color: rgb(55, 55, 55);
	--content-color: #1d1d1d;
	--text-color: rgb(255, 255, 255);
	--link-color: #a56ac1;
    --link-hover-color: #7b7970;
    --link-new-color: #ff3838;
    --text-stroke-color: #000;
    
    --search-bg-color: rgba(237, 237, 237);;
    --border-color: #b0b0b0;
    
	--header-color: rgb(0 0 0);
	--header-text-color: rgb(255, 255, 255);
    
    --sidebar-header-color: #4c4c4c;
    --sidebar-header-text: #fff;
    
    --gradient-start: rgb(34, 33, 33);
    --gradient-end: rgb(36, 36, 36);
    --banner-color: #4c4c4c;
    
	--footer-color: #000;
    --footer-text-color:#d6d6d6;
    --footer-link-color:#969696;
    --footer-link-hover-color:#969696;
    
    --cdx-button-color: #c9c9c9;
    --cdx-button-hover: #fff;
    
    --button-color: rgba(76, 76, 76);
	--button-text-color: rgb(255, 255, 255);
    
    #mw-content {
        background-blend-mode: multiply;
    }
    
    .mw-editsection,
    .tools-inline li a {
        filter: invert(1) hue-rotate(180deg);
    }
    
    .mw-parser-output table.wikitable.lua-infobox.ddd-theme {
        filter: invert(1) ;
        a {
            filter: invert(1);
        }
    }
    .navbox:has(.ddd-theme) {
        filter: invert(1);
        a {
        filter: invert(1);
        }
    }
}
Retrieved from "https://nbittrpgwiki.pynappo.xyz/index.php?title=MediaWiki:Theme-dark.css&oldid=3346"