Fictional Distro Build

/*
 * AutumnLeaf Linux
 * GTK/Cinnamon Prototype Theme
 * Inspired by Linux Mint with an autumn woodland palette
 * Version: 0.1
 */

:root {

    /* Primary */

    --leaf-green:      #4C7523;
    --forest-green:    #35511C;
    --mint-green:      #87CF3E;

    /* Autumn */

    --oak:             #8B5A2B;
    --maple:           #C96B2C;
    --amber:           #D69C2F;
    --gold:            #DDBB55;
    --rust:            #8A3F2C;

    /* Background */

    --bg-dark:         #181818;
    --bg-panel:        #252525;
    --bg-light:        #F3F2ED;

    /* Text */

    --text-primary:    #ECECEC;
    --text-secondary:  #B8B8B8;
    --text-dark:       #222222;

    /* Borders */

    --border:          #555555;

    /* Status */

    --success:         #5EA84A;
    --warning:         #D69C2F;
    --error:           #B5483E;
    --info:            #4B8BC9;

}

/* Desktop */

body {

    background: var(--bg-dark);
    color: var(--text-primary);
    font-family: "Noto Sans","Cantarell","Ubuntu",sans-serif;

}

/* Cinnamon Panel */

.panel {

    background: linear-gradient(
        var(--forest-green),
        var(--leaf-green)
    );

    border-bottom: 1px solid #203212;

}

/* Menu */

.menu {

    background: #222;
    border: 1px solid var(--border);

}

/* Buttons */

button {

    background: var(--leaf-green);
    color: white;

    border-radius: 6px;
    border: none;

    padding: 6px 14px;

    transition: .2s ease;

}

button:hover {

    background: var(--mint-green);

}

button:active {

    background: var(--forest-green);

}

/* Selected */

.selected {

    background: var(--amber);
    color: var(--text-dark);

}

/* Links */

a {

    color: var(--mint-green);

}

a:hover {

    color: var(--gold);

}

/* Notification */

.notification {

    background: rgba(36,36,36,.96);

    border-left: 5px solid var(--maple);

    color: white;

}

/* Terminal */

.terminal {

    background: #111111;
    color: #D5D5D5;

}

/* Accent */

.highlight {

    color: var(--gold);

}

Leave a Reply

Your email address will not be published. Required fields are marked *