Commit c50b8bf6 authored by Jakob Moser's avatar Jakob Moser
Browse files

Replace some more colors with color variables

parent a7af94d0

style.css

+8 −7
Changes for style.css: 8 added lines, 7 removed lines.
Original line number Diff line number Diff line
@@ -4,7 +4,7 @@ Theme URI: https://gitlab.cl.uni-heidelberg.de/fachschaft/wp-theme 
Description: Ein zeitloses WordPress-Theme für die Fachschaft Computerlinguistik in Heidelberg, gehalten in den Farben rot, grau und schwarz. Seit Mitte 2020 nach Anpassungen von Jakob Moser sogar leidlich responsive.

Author: personads :: Maximilian Müller-Eberstein

Author URI: https://personads.me/

Version: 1.00-snapshot-14

Version: 1.00-snapshot-15

Tags: fs-coli, custom



License: GNU General Public License v3.0
@@ -23,6 +23,7 @@ Fachschaft Computerlinguistik is distributed under the terms of the GNU GPL 
body {

    /* Variables */

    --accent-color: #990000;

    --light-accent-color: #f5e5e5;

    --menu-shadow-color: #8a8a8a;

    --light-gray: #cacaca;

    --text-color: #242424;
@@ -155,9 +156,9 @@ hr { 
    margin: 1em 0 1em 0;

    background: linear-gradient(

        to left,

        rgba(0, 0, 0, 0),

        transparent,

        rgba(153, 0, 0, 0.75),

        rgba(0, 0, 0, 0)

        transparent

    );

}
@@ -376,7 +377,7 @@ div.square-icon { 
}



#menu-container li:hover {

    background-color: rgba(153, 0, 0, 0.1);

    background-color: var(--light-accent-color);

    border-radius: 5px 5px 0px 0px;

}
@@ -393,7 +394,7 @@ div.square-icon { 
    border-width: 0px 4px 4px 4px;

    border-style: solid;

    border-color: var(--accent-color);

    background: #fff;

    background-color: var(--background-color);

    box-shadow: 0px 0px 10px var(--menu-shadow-color) inset;

}
@@ -411,7 +412,7 @@ div.square-icon { 
    border-width: 0px 0px 0px 5px;

    border-style: solid;

    border-color: #ba0000;

    background: #fff;

    background: var(--background-color);

    box-shadow: 0px 0px 10px var(--menu-shadow-color);

}
@@ -560,7 +561,7 @@ div.home-news-sidebar .more { 
aside {

    margin: 2em 0;

    padding: 1em;

    background-color: #fff;

    background-color: var(--background-color);

    border-style: solid;

    border-color: var(--accent-color);

    border-width: 0px 2px 0px 0px;