MediaWiki:Vector-darkmode.less/messageboxes.less

//

/* ====================
       messageboxes
   ==================== */

.messagebox {
    border-color: @dark-wikitable-header;
    background-color: @dark-wikitable-background;

    &.obsolete,
    &.info,
    &.disambig {
    	color: #ddd;
        background-color: #464646;
        border-color: #333;

        a,
        a:visited,
        a:active {
            color: #bbb;
        }

    }

    &.action {
        background-color: #45697d;
        border-color: #2d5266;

        a,
        a:visited,
        a:active {
            color: #b8d5e5;
        }

    }

    &.file {
        background-color: #617ebc;
        border-color: #4563a4;

        a,
        a:visited,
        a:active {
            color: #a6c2ff;
        }

    }

	&.warn {
		color: #f9fafa;
    	background-color: #9f261e;
    	border-color: #801c13;
    	
    	a,
        a:visited,
        a:active {
            color: #ffe3e0;
        }
	}
	
    &.unsafe {
        color: #f9f6d0;
        background-color: #a48900;
        border-color: #7a6600;

        a,
        a:visited,
        a:active {
            color: #e8e3b3;
        }

    }

    &.safe {
        color: #e9f6e7;
        background-color: #1b8408;
        border-color: #126802;

        a,
        a:visited,
        a:active {
            color: #c1e0bb;
        }

    }
    
    &.easter {
		background-color: #2e410d;
		border-color: #233407;
    }
    
    &.halloween {
		background-color: #4f2155;
		border-color: #3c0b43;
    }
    
    &.christmas {
		background-color: #173f55;
		border-color: #13364a;
    }
    
    &.thanksgiving {
		background-color: #5f3c1b;
		border-color: #52320e;
    }
    
    &.alphabetical {
	    border-color: @dark-wikitable-header;
	    background-color: @dark-wikitable-background;
    }
}

/* *****************
       variants
   ***************** */

.messagebox-color(@header-color, @border-color) {

   .messagebox-header {
       background: @header-color;
       border-bottom-color: darken( @border-color, 3% );

       a,
       a:visited, 
       a:active {
           color: lighten( @border-color, 50% );
       }

   }


}

/* ************************
       new messageboxes
   ************************ */

.messagebox2 {
	background: @pickled-bluewood;
    box-shadow: @box-shadow-dark;
    
    .messagebox-title {
    	color: #f1f1f1;
    }

    // red
    &.warn {
        .messagebox-color(@old-brick, @mocaccino);
    }

    // orange
    &.action {
        .messagebox-color(@korma, @antique-bronze);
    }

    // green
    &.safe {
        .messagebox-color(@la-palma, @san-felix);
    }

    // blurple
    &.file {
        .messagebox-color(@jelly-bean, @chathams-blue);
    }

    // pink
    &.event {
        .messagebox-color(@cannon-pink, @cosmic);
    }

    // slate
    &.info {
        .messagebox-color(@shuttle-gray, @river-bed);
    }

    // grey
    &.obsolete {
        .messagebox-color(@tundora, @mineshaft);
    }
    
    // discord
    &.discord {
    	.messagebox-color(#7289DA, #5a6dad);
    }

}

.messagebox-header {
	background: @cloud-burst;
	border-width: 0 0 .3em 0;
	border-bottom-color: darken( @cloud-burst, 4% );
}

.messagebox-text {
	border: none;
}