From 9fbf91db06a6d4f4b5cd8bb45389a731bb86bf22 Mon Sep 17 00:00:00 2001 From: Richard Date: Sun, 13 Apr 2025 18:48:02 +0100 Subject: initial --- site/app/twirl/theme.css | 284 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 284 insertions(+) create mode 100644 site/app/twirl/theme.css (limited to 'site/app/twirl/theme.css') 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 -- cgit v1.2.3