@font-face {
	font-family: "Chicago";
	src: url("font/Chicago.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Nouveau IBM";
	src: url("font/Nouveau_IBM.woff") format("woff");
	font-style: normal;
	font-display: swap;
	font-size: 12pt;
}

@font-face {
	font-family: "National Park";
	src: url("font/NationalPark-Regular.woff") format("woff");
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Josefin Sans";
	src: url("font/JosefinSans.ttf") format("truetype");
	font-style: normal;
	font-display: swap;
}

html {
	--fontFace: Chicago, Arial, sans-serif;
	--fontSizeSmall: 11px;
	--fontSizeDefault: 12px;
	--fontSizeMedium: 14px;
	--fontSizeLarge: 16px;
	--bgColor1: #706b3b;
	--bgColor2: #614d2c;
	--bgColor3: #61594e;
	--bgColor4: #806b4b;
	--fgColor1: #f0b041;
	--fgColor2: #e0a031;
	--fgColor3: #db931f;
	--menuBarBottomBorder: 1px solid #565656;
	--tabSelectedBgColor: #453c2e;
	--tabUnselectedBgColor: #292621;
	--tabSelectedFgColor: #db931f;
	--tabUnselectedFgColor: #a67b37;
	--rowOddBgColor: #383137;
	--rowEvenBgColor: #525049;
	--buttonBorder: 1px solid #dba418;
	--codeBgColor: #524320;
	--codeFgColor: #f7b314;
	--codeFontSize: 12pt;
	--codeFontFace: "Nouveau IBM", courier, monospace;
	--promptBgColor: #615c53;
	--promptFontSize: 16px;
	--promptShadow: 3px 3px rgba(0,0,0,0.2);
	--promptBorder: 1px solid black;
	--waveformOverlayColor: #4c464e;
	--scrollbarColor: #e8bb54 #57451b;
	--waveformPlayheadColor: #FF2222;
	--waveformCoverColor: #232323;
	--waveformCoverOpacity: 0.5;
	--waveformMarkerColor: #edea2b;
	--waveformMarkerRunnerColor: #919171;
	--waveformCrossfadeWidth: 1px;
	--waveformCrossfadeLineColor: #bfbfbf;
	--waveformSelectOpacity: 0.5;
	--waveformSelectColor: #772222;
	--waveformLocationColor: #e0c496;
	--waveformBgColor: #332b1f;
	--waveformFgColor: #d18502;
	--waveformGridColor: rgb(227, 206, 154, 0.2);
	--waveformGridTextColor: rgb(240, 190, 65, 0.5);
	--waveformChannelLineColor: rgb(87, 87, 87, 0.7);
	--waveformTimeBarBgColor: #806b4b;
	--waveformTimeBarFgColor: #f0b041;
	--iconFilter: brightness(0) saturate(100%) invert(78%) sepia(77%) saturate(923%) hue-rotate(334deg) brightness(89%) contrast(88%);
}

html.themeBasic {
	--fontFace: "Josefin Sans", Arial, sans-serif;
	--fontSizeSmall: 10pt;
	--fontSizeDefault: 11pt;
	--fontSizeMedium: 14pt;
	--fontSizeLarge: 16pt;
	--bgColor1: #a1a1cf;
	--bgColor2: #9898a8;
	--bgColor3: #8989b1;
	--bgColor4: #bdbdff;
	--fgColor1: #000000;
	--fgColor2: #555555;
	--fgColor3: #343445;
	--menuBarBottomBorder: 1px solid #bdbdbd;
	--tabSelectedBgColor: #7878bd;
	--tabUnselectedBgColor: #5656aa;
	--tabSelectedFgColor: #000000;
	--tabUnselectedFgColor: #777777;
	--rowOddBgColor: #a9a9c9;
	--rowEvenBgColor: #9999a9;
	--buttonBorder: 1px solid #343434;
	--codeBgColor: #9999ff;
	--codeFgColor: #121212;
	--codeFontSize: 12pt;
	--codeFontFace: courier, monospace;
	--promptBgColor: #8585ff;
	--promptFontSize: 12pt;
	--promptShadow: 3px 3px rgba(0,0,50,0.3);
	--promptBorder: 1px solid #5555aa;
	--waveformOverlayColor: #4c464e;
	--scrollbarColor: #ffffff #444499;
	--waveformPlayheadColor: #FF2222;
	--waveformCoverColor: #232323;
	--waveformCoverOpacity: 0.5;
	--waveformMarkerColor: #edea2b;
	--waveformMarkerRunnerColor: #919171;
	--waveformCrossfadeWidth: 1px;
	--waveformCrossfadeLineColor: #3434ff;
	--waveformSelectOpacity: 0.5;
	--waveformSelectColor: #772222;
	--waveformLocationColor: #000000;
	--waveformBgColor: #fcf6de;
	--waveformFgColor: #222266;
	--waveformGridColor: rgb(0, 0, 0, 0.2);
	--waveformGridTextColor: rgb(0, 0, 0, 0.5);
	--waveformChannelLineColor: rgb(0, 0, 0, 0.7);
	--waveformTimeBarBgColor: #ffffff;
	--waveformTimeBarFgColor: #000000;
	--iconFilter: invert(17%) sepia(31%) saturate(2452%) hue-rotate(208deg) brightness(96%) contrast(88%);
}

html.themeHacker {
	--fontFace: "Nouveau IBM", monospace, Courier, sans-serif;
	--fontSizeSmall: 10pt;
	--fontSizeDefault: 12pt;
	--fontSizeMedium: 14pt;
	--fontSizeLarge: 16pt;
	--bgColor1: #323232;
	--bgColor2: #434343;
	--bgColor3: #010101;
	--bgColor4: #344534;
	--fgColor1: #44ee44;
	--fgColor2: #66cc66;
	--fgColor3: #009900;
	--menuBarBottomBorder: 1px solid #bbbbbb;
	--tabSelectedBgColor: #454545;
	--tabUnselectedBgColor: #232323;
	--tabSelectedFgColor: #44bb44;
	--tabUnselectedFgColor: #229922;
	--rowOddBgColor: #232323;
	--rowEvenBgColor: #343434;
	--buttonBorder: none;
	--codeBgColor: #000000;
	--codeFgColor: #0000ab;
	--codeFontSize: 12pt;
	--codeFontFace: "Nouveau IBM", courier, monospace;
	--promptBgColor: #000000;
	--promptFontSize: 14pt;
	--promptShadow: 5px 5px rgba(0,50,0,0.2);
	--promptBorder: 1px solid white;
	--waveformOverlayColor: #4c464e;
	--scrollbarColor: #000000 #005500;
	--waveformPlayheadColor: #FF2222;
	--waveformCoverColor: #232323;
	--waveformCoverOpacity: 0.5;
	--waveformMarkerColor: #ed2bed;
	--waveformMarkerRunnerColor: #545454;
	--waveformCrossfadeWidth: 1px;
	--waveformCrossfadeLineColor: #989898;
	--waveformSelectOpacity: 0.5;
	--waveformSelectColor: #227722;
	--waveformLocationColor: #000000;
	--waveformBgColor: #121212;
	--waveformFgColor: #00aa00;
	--waveformGridColor: rgb(90, 90, 90, 0.2);
	--waveformGridTextColor: rgb(120, 170, 120, 0.5);
	--waveformChannelLineColor: rgb(120, 120, 120, 0.7);
	--waveformTimeBarBgColor: #446644;
	--waveformTimeBarFgColor: #000000;
	--iconFilter: invert(41%) sepia(18%) saturate(1917%) hue-rotate(62deg) brightness(104%) contrast(90%);
}

html.themeMonoclassic {
	--fontFace: Chicago, Arial, sans-serif;
	--fontSizeSmall: 11px;
	--fontSizeDefault: 12px;
	--fontSizeMedium: 14px;
	--fontSizeLarge: 16px;
	--bgColor1: #ffffff;
	--bgColor2: #eeeeee;
	--bgColor3: #dddddd;
	--bgColor4: #cccccc;
	--fgColor1: #000000;
	--fgColor2: #111111;
	--fgColor3: #222222;
	--menuBarBottomBorder: 1px solid #000000;
	--tabSelectedBgColor: #ffffff;
	--tabUnselectedBgColor: #cccccc;
	--tabSelectedFgColor: #000000;
	--tabUnselectedFgColor: #555555;
	--rowOddBgColor: #ffffff;
	--rowEvenBgColor: #eeeeee;
	--buttonBorder: 1px solid #000000;
	--codeBgColor: #ffffff;
	--codeFgColor: #000000;
	--codeFontSize: 12pt;
	--codeFontFace: "Nouveau IBM", courier, monospace;
	--promptBgColor: #ffffff;
	--promptFontSize: 16px;
	--promptShadow: 3px 3px rgba(0,0,0,0.2);
	--promptBorder: 1px solid black;
	--waveformOverlayColor: #bbbbbb;
	--scrollbarColor: #000000 #ffffff;
	--waveformPlayheadColor: #000000;
	--waveformCoverColor: #dddddd;
	--waveformCoverOpacity: 0.5;
	--waveformMarkerColor: #444444;
	--waveformMarkerRunnerColor: #dddddd;
	--waveformCrossfadeWidth: 1px;
	--waveformCrossfadeLineColor: #333333;
	--waveformSelectOpacity: 0.5;
	--waveformSelectColor: #666666;
	--waveformLocationColor: #111111;
	--waveformBgColor: #ffffff;
	--waveformFgColor: #000000;
	--waveformGridColor: rgb(20, 20, 20, 0.2);
	--waveformGridTextColor: rgb(20, 10, 20, 0.5);
	--waveformChannelLineColor: rgb(10, 10, 10, 0.7);
	--waveformTimeBarBgColor: #dddddd;
	--waveformTimeBarFgColor: #444444;
	--iconFilter: none;
}

html.themeDoze {
	--fontFace: "Trebuchet MS", Arial, sans-serif;
	--fontSizeSmall: 8pt;
	--fontSizeDefault: 10pt;
	--fontSizeMedium: 14pt;
	--fontSizeLarge: 16pt;
	--bgColor1: #8f8f8f;
	--bgColor2: #7f7f7f;
	--bgColor3: #6f6f6f;
	--bgColor4: #5f5f5f;
	--fgColor1: #000000;
	--fgColor2: #171717;
	--fgColor3: #212121;
	--menuBarBottomBorder: 1px solid #000000;
	--tabSelectedBgColor: #acacac;
	--tabUnselectedBgColor: #6a6a6a;
	--tabSelectedFgColor: #000000;
	--tabUnselectedFgColor: #555555;
	--rowOddBgColor: #acacac;
	--rowEvenBgColor: #919191;
	--buttonBorder: 1px solid #767676;
	--codeBgColor: #000000;
	--codeFgColor: #f5d151;
	--codeFontSize: 12pt;
	--codeFontFace: "Nouveau IBM", courier, monospace;
	--promptBgColor: #8f8f8f;
	--promptFontSize: 16pt;
	--promptShadow: 6px 6px rgba(0,0,0,0.2);
	--promptBorder: 1px solid #707070;
	--waveformOverlayColor: #bbbbbb;
	--scrollbarColor: #949494 #c2c2c2;
	--waveformPlayheadColor: #bb0000;
	--waveformCoverColor: #dddddd;
	--waveformCoverOpacity: 0.5;
	--waveformMarkerColor: #f0c93e;
	--waveformMarkerRunnerColor: #9e8e55;
	--waveformCrossfadeWidth: 1px;
	--waveformCrossfadeLineColor: #79a1b0;
	--waveformSelectOpacity: 0.5;
	--waveformSelectColor: #eff77c;
	--waveformLocationColor: #bb0000;
	--waveformBgColor: #2c304d;
	--waveformFgColor: #485ce0;
	--waveformGridColor: rgb(20, 20, 20, 0.2);
	--waveformGridTextColor: rgb(20, 10, 20, 0.5);
	--waveformChannelLineColor: rgb(10, 10, 10, 0.7);
	--waveformTimeBarBgColor: #949494;
	--waveformTimeBarFgColor: #c2c2c2;
	--iconFilter: none;
}