User:Honloro/monobook.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Clear the cache in Tools → Preferences

/* TCRF.net - Dark Monobook-specific CSS */
/* Version: Beta 1.0 - First Versioning Version */

:root 
{
 --bg-dark: hsl(120, 2%, 19%);
 
 --dark-5: hsl(0, 0%, 5%);
 --dark-10: hsl(0, 0%, 10%);
 --dark-15: hsl(0, 0%, 15%);
 --dark-20: hsl(0, 0%, 20%);
 --dark-25: hsl(0, 0%, 25%);
 --dark-30: hsl(0, 0%, 30%);
 --dark-35: hsl(0, 0%, 35%);
 --dark-40: hsl(0, 0%, 40%);
 --dark-45: hsl(0, 0%, 45%);
 --dark-50: hsl(0, 0%, 50%);
 --dark-55: hsl(0, 0%, 55%);

 --blue: hsl(220, 100%, 66%);
 --lightblue: hsl(220, 100%, 80%);

 --red: hsl(1, 100%, 66%);
 --lightred: hsl(0, 70%, 70%);

 --diff-red: hsl(1, 100%, 66%);
 --diff-green: hsl(120, 100%, 66%);
 
 --green: hsl(120, 100%, 66%);
 --lightgreen: hsl(120, 100%, 87%);
 
 --lightyellow: hsl(45, 100%, 50%);
 --yellow: hsl(45, 50%, 20%);

 --white-90: hsl(0, 0%, 90%);

 --border-radius-2: 2px;
 --border-dark-45: 1px solid var(--dark-45);
}

/* Monobook page tabs */
.pBody 
{
    background-color: var(--dark-15);
    border: var(--border-dark-45);
}
.skin-monobook input#searchInput 
{
    background-color: var(--dark-35);
    margin-bottom: 4px;
}
#p-cactions li.selected 
{
    border-color: var(--dark-45);
}
#p-cactions li 
{
    background-color: var(--dark-20);
    border-color: var(--dark-45);
}
#p-cactions li.selected a 
{
    background-color: var(--dark-25);
}
#p-cactions li a 
{
    background-color: var(--dark-20);
    color: var(--lightblue);
}

/* Recent changes filter buttons fix for Monobook */
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button 
{
    background-image: none;
    background-color: var(--dark-35) !important;
    border: var(--border-dark-45);
}
.oo-ui-tagItemWidget 
{
    background-image: none;
}