initial

1 files changed, 284 insertions, 0 deletions

diff --git a/site/app/twirl/theme.css b/site/app/twirl/theme.css
new file mode 100644
index 0000000..6f36a90
--- /dev/null
+++ b/site/app/twirl/theme.css
@@ -0,0 +1,284 @@
+@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;

+}
\ No newline at end of file