Letzte Bearbeitung: 26. Februar 2024 um 20:39

colordefinition.css

In diesem Template sind bis auf ganz wenige Ausnahmen sämtliche Farbdefinitionen "auf Räder gestellt", sind also leicht zu ändern.

Zum einen sind da die Farbfestlegungen, die für jede einzelne Seite unterschiedliche sein können. Sie werden über den Reiter Mehr im Editorfenster eingestellt und betreffen die Akzentfarbe und die Menüfarbe.
Zum anderen sind nahezu alle Farben als CSS-Variablen definiert und deren Festlegung ist in der colordefinition.css zusammengefasst.

Bei der Namensgebung der Farbvariablen habe ich versucht einen Kompromiss zu finden zwischen Kürze des Namens und selbsterklärender Bezeichnung. Die Liste der definierten Farben umfasst zurzeit mehr als 90 Festlegungen.

Ab Version 3.2 (Anfang März 2024) können, bis auf ganz wenige Ausnahmen, alle Farben und deren Tranzparenzgrad im Backend des Templates eingestellt werden! Somit ist keine händische Bearbeitung der Datei mehr erforderlich.

Dateiname: templates/krl-3col-flex/colordefinition.css


/* 

krl-3col-flex-V3 - last update 20.02.2024 

***

    for notes see there: https://developer.mozilla.org/de/docs/Web/CSS/color 

    and https://wiki.selfhtml.org/wiki/CSS/Custom_properties_(CSS-Variablen) 

    and https://wiki.selfhtml.org/wiki/CSS/Custom_properties_(CSS-Variablen)#ein_ma.C3.9Fgeschneidertes_Theme 

*** 

*/



:root {

--primary:#000000FF;

--hintergrund:#FFFFFFC8;

--hintergrundheader:#FFFFFFFF;

--akzent: #4466BB;

--akzent2: rgba(68,102,187, 0.69);

--akzenttextcolor:#FFFFFFFF;

--menuhover: #6688DD;

--menumain: #4466BB;

--menuaktiv: #224499;

--dynakzent: var(--akzent);

--dynakzent2: var(--akzent2);

--dynmenuhover: var(--menuhover);

--dynmenumain: var(--menumain);

--dynmenuaktiv: var(--menuaktiv);

--aborder:#2B2BFFFF;

--acolor:#5555FFFF;

--ahoverborder:#552299FF;

--ahovercolor:#552299FF;

--akkordeonbackground:#D6D6D62A;

--akkordeonborder:#00000066;

--akkordeonshadow:#0000007F;

--blockquotebefore:#0057B0FF;

--blockquoteborder:#CCCCCCFF;

--blockquotecolor:#555555FF;

--bluetext:#0057B0FF;

--burgercolor:#FFFFFFFF;

--buttonbackgrund:#0057B0FF;

--buttonborder:#000000FF;

--buttoncolor:#FFFFFFFF;

--caption:#888888FF;

--codebackground:#BEBEBE55;

--codeborder:#CCCCCCFF;

--codecolor:#000000FF;

--cookiestextbackground:#86823926;

--cookiestextbefore:#0D1DAAFF;

--footeracolor:#0057B0FF;

--footerbackground:#F3F3F3FF;

--footercolor:#333333FF;

--footerpcolor:#333333FF;

--footnote:#333333FF;

--footnoteheadline:#444444FF;

--footnotetext:#444444FF;

--footverweis:#004400FF;

--h6color:#555555FF;

--horizontscrolllineborder:#ACACACFF;

--horizontscrolllinecolor:#404040FF;

--imagebackground:#00000011;

--imageborder:#00000026;

--imagehovershadow:#00000019;

--inputsubmitbackground:#66666684;

--inputsubmitborder:#595959FF;

--inputsubmitcolor:#FFFFFFFF;

--labelbackground:#0058B09F;

--labelcolor:#FFFFFFFF;

--labeldangerbackground:#FF0000CE;

--labeldangercolor:#FFFF00FF;

--navboxborder:#FFFFFFC8;

--newsbackground:#DDDDDD41;

--newscolor:#0057B0FF;

--nocookiestextbackground:#C4242426;

--nocookiestextbefore:#0D1DAAFF;

--noscriptbackground:#EE0000FF;

--noscriptcolor:#FFFFFFFF;

--resptablebackground:#FFFFFFFF;

--resptabletdborder:#CCCCCCFF;

--resptablethbackground:#666666FF;

--resptablethcolor:#FFFFFFFF;

--resptabletrnthbackground:#FFFFFFFC;

--secmenulibackground:#666666FF;

--secmenuliborder:#CCCCCCFF;

--submendivborder:#999999FF;

--submendivcolor:#666666FF;

--tabbackground:#F0F0F0FF;

--tabborder:#000000FF;

--tasteborder:#808080FF;

--tasteshadow:#ADADADFF;

--tooltipbackground:#CEE7FFFF;

--tooltipborder:#0057B0FF;

--toplink:#050505CA;

--underline:#0057B0FF;

--xhcaptchacodebackground:#000000FF;

--xhcaptchacodecolor:#FFFFFFFF;

--xhcodebackground:#BEBEBE7F;

--xhcodeborder:#CCCCCCFF;

--xhcodecolor:#666666FF;

--xhloginbackground:#0000003F;

--xhlogincolor:#000000AF;

--xhlogindivacolor:#00000087;

--xhlogindivbackground:#FFFFFF3F;

--xhlogindivborder:#0000007F;

--xhlogindivshadow:#FFFFFFBF;

--xhmailformbackground:#F3F3F3FF;

--xhmailformborder:#CCCCCCFF;

--xhmailformcolor:#999999FF;

}

« vorige Seite | Seitenanfang | nächste Seite »