MediaWiki:Vector-darkmode.less/mainpage.less

//

/* --------------------
      main tile elements
   -------------------- */
   
/* general tile styling in MediaWiki:Vector-darkmode.less/templates.less */

.mainpage-recent-updates p:not(.byline),
.mainpage-body h2 a,
.mainpage-skills li a:last-child {
	color: @dark-text;
}

.tile-bottom.read-more {
	background: @cloud-burst;

	&:hover {
		background: lighten( @cloud-burst, 5% );
	}

	a {
		color: @dark-text;
	}
}

// big tile
.tile.big-tile {
    background: linear-gradient(to left, fade( @pickled-bluewood, 0%), fade( @pickled-bluewood, 75%), @pickled-bluewood 40%), url("filepath://Main page Twisted League.png") right / auto 100% no-repeat @pickled-bluewood;
}

.mainpage-recent-updates {
    .jagex-promotion .byline {
        color: @dark-text;
    }

}

/* ------------------------
            tiles
   ------------------------ */

.tile,
.tile-bottom,
.tile-halves {
	background: @dark-wikitable-background;
	border-color: @dark-infobox-border;
}

.tile-top.tile-image {
	background-color: @dark-wikitable-background;
}

.byline {
	color: @dark-text;
	opacity: .75;
}

/* ------------------------
        popular pages
   ------------------------ */

.mp-popular-page-light {
	background-color: @dark-button;

	a {
		color: white;
	}

}

/* -------------------------
       discord & twitter
   ------------------------- */

.mainpage-discord .tile-bottom {
	background: @discord-bg-dark;
}

.mainpage-twitter .tile-bottom {
	background: #0084B4;
}

/* --------------------
      edit the wiki
   -------------------- */

.mainpage-editing {
    border-color: transparent;
    box-shadow: @box-shadow-dark;
    

    .tile-top {
        background: @steel-blue;
    }

    .tile-bottom {
        background: saturate( darken( @steel-blue, 4% ), 4% );
        border: none;
        padding: .8rem 1.5rem .4rem;
    }

    h2,
    a {
        color: @white;
    }

    p {
        color: @mp-text-light;
    }

    ul {
        list-style-image: url('filepath://Transparent-chevron.svg');
    }
}