header-xh-01 header-xh-02 header-xh-03 header-xh-04 header-xh-05 header-xh-06 header-xh-07 header-xh-08 header-xh-09 header-xh-10 header-xh-11 header-xh-12 header-xh-13 header-xh-14
Templates für CMSimple_XH von
KRL Software-Development
private, nicht kommerzielle Website
by Karl Richard Lembach
Sie sind hier: Startseite > Template krl-3col-flex > Dateien des Templates > colordefinition.css
Letzte Bearbeitung:

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;
}

| Seitenanfang |