XMLMind DocBook Editor — Dark Mode CSS

docbook51.css

@charset "UTF-8";
@import url(docbook5-config:css/docbook5.css);
/*ADD CUSTOM CSS STYLES AFTER THIS LINE*/

/**
 * Akeeba Dark Mode CSS for XMLMind DocBook Editor
 * DocBook XML 5.1+ stylesheet
 *
 * Copyright © 2022 Akeeba Ltd <https://www.akeeba.com>
 * Licensed under the GNU General Public License version 3
 */

/**@property-value colorBluishTeal() #47B2D3;**/
@property-value colorBluishTeal() #A1CFD0;
@property-value colorTeal() #40b5b8;
@property-value colorLightTeal() #62c6c9;
@property-value colorDarkTeal() #339092;
@property-value colorVeryDarkTeal() #184546;
@property-value colorGray() #514f50;
@property-value colorLightGray() #6b686a;
@property-value colorDarkGray() #373637;
@property-value colorRed() #e2363c;
@property-value colorLightRed() #e86367;
@property-value colorBrightRed() #f3060c;
@property-value colorDarkRed() #c81d23;
@property-value colorVeryDarkRed() #6c0f13;
@property-value colorGreen() #93c34e;
@property-value colorLightGreen() #aad074;
@property-value colorDarkGreen() #79a638;
@property-value colorVeryDarkGreen() #4C6925;
@property-value colorSuperDarkGreen() #2d3b16;
@property-value colorOrange() #f0ad4e;
@property-value colorLightOrange() #f4c37d;
@property-value colorDarkOrange() #ec971f;
@property-value colorVeryDarkOrange() #6e460f;
@property-value colorStone() #efefef;
@property-value colorLightStone() #fcfcfc;
@property-value colorDarkStone() #d6d6d6;

book {
	background-color: colorGray();
	color: colorLightStone();
}

info  {
	border: 1px solid colorTeal();
	background-color: colorDarkTeal();
}

info > * {
	color: colorLightStone();
}

info > title {
	color: colorVeryDarkTeal();
}

info > *:before {
	color: colorDarkStone();
}

chapter > title,
section > title,
sect1 > title,
sect2 > title,
sect3 > title,
sect4 > title,
sect5 > title,
bridgehead {
	color: colorBluishTeal();
}

note, caution, important, tip, warning {
	padding: .5em .75em;
	border: thin solid 1px;
	border-radius: .25em;
}

note {
	border-color: colorTeal();
	background-color: colorVeryDarkTeal();
}

note:before {
	color: colorDarkTeal();
}

caution,
important {
	background-color: colorVeryDarkRed();
	border-color: colorRed();
}

caution:before,
important:before {
	color: colorRed();
}

tip {
	background-color: colorSuperDarkGreen();
	border-color: colorGreen();
}

tip:before {
	color: colorLightGreen();
}

warning {
	background-color: colorVeryDarkOrange();
	border-color: colorDarkOrange();
}

warning:before {
	color: colorLightOrange();
}

footnote:before {
	color: colorOrange();
}

footnote {
	background-color: colorVeryDarkTeal();
}

link {
	color: colorLightTeal();
}

programlisting,
programlistingco {
	color: colorGreen();
	background-color: colorDarkGray();
	border: 2px solid colorVeryDarkGreen();
	border-radius: 0.5em;
}

screen {
	color: colorStone();
	background-color: colorLightGray();
	border: 2px solid colorDarkGray();
	border-radius: .5em;
}

orderedlist > listitem:before,
itemizedlist > listitem:before {
	color: colorTeal();
}

uri {
	color: colorGreen();
}

code {
	display: inline-block;
	padding: 0 .1em;
	margin: 0 .1em;
	color: colorBrightRed();
	background-color: colorDarkGray();
}

filename {
	display: inline-block;
	margin: 0 .2em;
	color: colorGreen();
}

database {
	color: colorDarkStone();
}

option {
	color: colorDarkStone();
}

parameter {
	color: colorDarkStone();
}

guilabel {
	color: colorDarkStone();
}

guibutton {
	background-color: colorDarkGray();
	color: colorStone();
	display: inline-block;
	padding: 0 .2em;
	border: thin solid colorStone();
}