diff --git a/res/include/img/background_patterns/checker0.png b/res/include/img/background_patterns/checker0.png index 8589ed9..c054854 100644 Binary files a/res/include/img/background_patterns/checker0.png and b/res/include/img/background_patterns/checker0.png differ diff --git a/res/include/img/background_patterns/checker0_light.png b/res/include/img/background_patterns/checker0_light.png deleted file mode 100644 index 253bf1c..0000000 Binary files a/res/include/img/background_patterns/checker0_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker0_transparent.png b/res/include/img/background_patterns/checker0_transparent.png new file mode 100644 index 0000000..1f0fd43 Binary files /dev/null and b/res/include/img/background_patterns/checker0_transparent.png differ diff --git a/res/include/img/background_patterns/checker1.png b/res/include/img/background_patterns/checker1.png index a1f6a1b..35993e9 100644 Binary files a/res/include/img/background_patterns/checker1.png and b/res/include/img/background_patterns/checker1.png differ diff --git a/res/include/img/background_patterns/checker10.png b/res/include/img/background_patterns/checker10.png index d013c64..33a6534 100644 Binary files a/res/include/img/background_patterns/checker10.png and b/res/include/img/background_patterns/checker10.png differ diff --git a/res/include/img/background_patterns/checker10_light.png b/res/include/img/background_patterns/checker10_light.png deleted file mode 100644 index c0905d7..0000000 Binary files a/res/include/img/background_patterns/checker10_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker10_transparent.png b/res/include/img/background_patterns/checker10_transparent.png new file mode 100644 index 0000000..cf3372f Binary files /dev/null and b/res/include/img/background_patterns/checker10_transparent.png differ diff --git a/res/include/img/background_patterns/checker11.png b/res/include/img/background_patterns/checker11.png index 1d8f574..cee58de 100644 Binary files a/res/include/img/background_patterns/checker11.png and b/res/include/img/background_patterns/checker11.png differ diff --git a/res/include/img/background_patterns/checker11_light.png b/res/include/img/background_patterns/checker11_light.png deleted file mode 100644 index c33eadd..0000000 Binary files a/res/include/img/background_patterns/checker11_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker11_transparent.png b/res/include/img/background_patterns/checker11_transparent.png new file mode 100644 index 0000000..b8cd89f Binary files /dev/null and b/res/include/img/background_patterns/checker11_transparent.png differ diff --git a/res/include/img/background_patterns/checker12.png b/res/include/img/background_patterns/checker12.png index b14804f..b1e3d07 100644 Binary files a/res/include/img/background_patterns/checker12.png and b/res/include/img/background_patterns/checker12.png differ diff --git a/res/include/img/background_patterns/checker12_light.png b/res/include/img/background_patterns/checker12_light.png deleted file mode 100644 index 6bf4371..0000000 Binary files a/res/include/img/background_patterns/checker12_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker12_transparent.png b/res/include/img/background_patterns/checker12_transparent.png new file mode 100644 index 0000000..e18b44e Binary files /dev/null and b/res/include/img/background_patterns/checker12_transparent.png differ diff --git a/res/include/img/background_patterns/checker13.png b/res/include/img/background_patterns/checker13.png index 069cf38..085a7cd 100644 Binary files a/res/include/img/background_patterns/checker13.png and b/res/include/img/background_patterns/checker13.png differ diff --git a/res/include/img/background_patterns/checker13_light.png b/res/include/img/background_patterns/checker13_light.png deleted file mode 100644 index 78a40ea..0000000 Binary files a/res/include/img/background_patterns/checker13_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker13_transparent.png b/res/include/img/background_patterns/checker13_transparent.png new file mode 100644 index 0000000..6c485f7 Binary files /dev/null and b/res/include/img/background_patterns/checker13_transparent.png differ diff --git a/res/include/img/background_patterns/checker14.png b/res/include/img/background_patterns/checker14.png index ec943e9..e4283ea 100644 Binary files a/res/include/img/background_patterns/checker14.png and b/res/include/img/background_patterns/checker14.png differ diff --git a/res/include/img/background_patterns/checker14_light.png b/res/include/img/background_patterns/checker14_light.png deleted file mode 100644 index 4a09d19..0000000 Binary files a/res/include/img/background_patterns/checker14_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker14_transparent.png b/res/include/img/background_patterns/checker14_transparent.png new file mode 100644 index 0000000..58be7f6 Binary files /dev/null and b/res/include/img/background_patterns/checker14_transparent.png differ diff --git a/res/include/img/background_patterns/checker15.png b/res/include/img/background_patterns/checker15.png index b402db7..a9ace69 100644 Binary files a/res/include/img/background_patterns/checker15.png and b/res/include/img/background_patterns/checker15.png differ diff --git a/res/include/img/background_patterns/checker15_light.png b/res/include/img/background_patterns/checker15_light.png deleted file mode 100644 index e6c8963..0000000 Binary files a/res/include/img/background_patterns/checker15_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker15_transparent.png b/res/include/img/background_patterns/checker15_transparent.png new file mode 100644 index 0000000..bd4d2ff Binary files /dev/null and b/res/include/img/background_patterns/checker15_transparent.png differ diff --git a/res/include/img/background_patterns/checker16.png b/res/include/img/background_patterns/checker16.png index 2335bac..14d0431 100644 Binary files a/res/include/img/background_patterns/checker16.png and b/res/include/img/background_patterns/checker16.png differ diff --git a/res/include/img/background_patterns/checker16_light.png b/res/include/img/background_patterns/checker16_light.png deleted file mode 100644 index a5ca00a..0000000 Binary files a/res/include/img/background_patterns/checker16_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker16_transparent.png b/res/include/img/background_patterns/checker16_transparent.png new file mode 100644 index 0000000..d5c49cb Binary files /dev/null and b/res/include/img/background_patterns/checker16_transparent.png differ diff --git a/res/include/img/background_patterns/checker17.png b/res/include/img/background_patterns/checker17.png index ba070f6..5fa031d 100644 Binary files a/res/include/img/background_patterns/checker17.png and b/res/include/img/background_patterns/checker17.png differ diff --git a/res/include/img/background_patterns/checker17_light.png b/res/include/img/background_patterns/checker17_light.png deleted file mode 100644 index 82b601b..0000000 Binary files a/res/include/img/background_patterns/checker17_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker17_transparent.png b/res/include/img/background_patterns/checker17_transparent.png new file mode 100644 index 0000000..e272ea1 Binary files /dev/null and b/res/include/img/background_patterns/checker17_transparent.png differ diff --git a/res/include/img/background_patterns/checker1_light.png b/res/include/img/background_patterns/checker1_light.png deleted file mode 100644 index 326e8b8..0000000 Binary files a/res/include/img/background_patterns/checker1_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker1_transparent.png b/res/include/img/background_patterns/checker1_transparent.png new file mode 100644 index 0000000..dfc4566 Binary files /dev/null and b/res/include/img/background_patterns/checker1_transparent.png differ diff --git a/res/include/img/background_patterns/checker2.png b/res/include/img/background_patterns/checker2.png index 0536427..7178203 100644 Binary files a/res/include/img/background_patterns/checker2.png and b/res/include/img/background_patterns/checker2.png differ diff --git a/res/include/img/background_patterns/checker2_light.png b/res/include/img/background_patterns/checker2_light.png deleted file mode 100644 index 843298e..0000000 Binary files a/res/include/img/background_patterns/checker2_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker2_transparent.png b/res/include/img/background_patterns/checker2_transparent.png new file mode 100644 index 0000000..2e7c058 Binary files /dev/null and b/res/include/img/background_patterns/checker2_transparent.png differ diff --git a/res/include/img/background_patterns/checker3.png b/res/include/img/background_patterns/checker3.png index 943b3cb..c50f495 100644 Binary files a/res/include/img/background_patterns/checker3.png and b/res/include/img/background_patterns/checker3.png differ diff --git a/res/include/img/background_patterns/checker3_light.png b/res/include/img/background_patterns/checker3_light.png deleted file mode 100644 index 36bc8f0..0000000 Binary files a/res/include/img/background_patterns/checker3_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker3_transparent.png b/res/include/img/background_patterns/checker3_transparent.png new file mode 100644 index 0000000..0862be5 Binary files /dev/null and b/res/include/img/background_patterns/checker3_transparent.png differ diff --git a/res/include/img/background_patterns/checker4.png b/res/include/img/background_patterns/checker4.png index ca3b535..8aa0edf 100644 Binary files a/res/include/img/background_patterns/checker4.png and b/res/include/img/background_patterns/checker4.png differ diff --git a/res/include/img/background_patterns/checker4_light.png b/res/include/img/background_patterns/checker4_light.png deleted file mode 100644 index c4f01f8..0000000 Binary files a/res/include/img/background_patterns/checker4_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker4_transparent.png b/res/include/img/background_patterns/checker4_transparent.png new file mode 100644 index 0000000..5468d39 Binary files /dev/null and b/res/include/img/background_patterns/checker4_transparent.png differ diff --git a/res/include/img/background_patterns/checker5.png b/res/include/img/background_patterns/checker5.png index 115eb31..c6c303b 100644 Binary files a/res/include/img/background_patterns/checker5.png and b/res/include/img/background_patterns/checker5.png differ diff --git a/res/include/img/background_patterns/checker5_light.png b/res/include/img/background_patterns/checker5_light.png deleted file mode 100644 index f4eca1a..0000000 Binary files a/res/include/img/background_patterns/checker5_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker5_transparent.png b/res/include/img/background_patterns/checker5_transparent.png new file mode 100644 index 0000000..daa8e2c Binary files /dev/null and b/res/include/img/background_patterns/checker5_transparent.png differ diff --git a/res/include/img/background_patterns/checker6.png b/res/include/img/background_patterns/checker6.png index 965d72c..10f63cc 100644 Binary files a/res/include/img/background_patterns/checker6.png and b/res/include/img/background_patterns/checker6.png differ diff --git a/res/include/img/background_patterns/checker6_light.png b/res/include/img/background_patterns/checker6_light.png deleted file mode 100644 index 851c0c6..0000000 Binary files a/res/include/img/background_patterns/checker6_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker6_transparent.png b/res/include/img/background_patterns/checker6_transparent.png new file mode 100644 index 0000000..288cdc7 Binary files /dev/null and b/res/include/img/background_patterns/checker6_transparent.png differ diff --git a/res/include/img/background_patterns/checker7.png b/res/include/img/background_patterns/checker7.png index 33de73d..6933a70 100644 Binary files a/res/include/img/background_patterns/checker7.png and b/res/include/img/background_patterns/checker7.png differ diff --git a/res/include/img/background_patterns/checker7_light.png b/res/include/img/background_patterns/checker7_light.png deleted file mode 100644 index a576c94..0000000 Binary files a/res/include/img/background_patterns/checker7_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker7_transparent.png b/res/include/img/background_patterns/checker7_transparent.png new file mode 100644 index 0000000..247cf98 Binary files /dev/null and b/res/include/img/background_patterns/checker7_transparent.png differ diff --git a/res/include/img/background_patterns/checker8.png b/res/include/img/background_patterns/checker8.png index 1102d4d..19f2edb 100644 Binary files a/res/include/img/background_patterns/checker8.png and b/res/include/img/background_patterns/checker8.png differ diff --git a/res/include/img/background_patterns/checker8_light.png b/res/include/img/background_patterns/checker8_light.png deleted file mode 100644 index 03605ee..0000000 Binary files a/res/include/img/background_patterns/checker8_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker8_transparent.png b/res/include/img/background_patterns/checker8_transparent.png new file mode 100644 index 0000000..cf24b58 Binary files /dev/null and b/res/include/img/background_patterns/checker8_transparent.png differ diff --git a/res/include/img/background_patterns/checker9.png b/res/include/img/background_patterns/checker9.png index c0cb8b3..9635f7f 100644 Binary files a/res/include/img/background_patterns/checker9.png and b/res/include/img/background_patterns/checker9.png differ diff --git a/res/include/img/background_patterns/checker9_light.png b/res/include/img/background_patterns/checker9_light.png deleted file mode 100644 index c200cf2..0000000 Binary files a/res/include/img/background_patterns/checker9_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker9_transparent.png b/res/include/img/background_patterns/checker9_transparent.png new file mode 100644 index 0000000..260a7ad Binary files /dev/null and b/res/include/img/background_patterns/checker9_transparent.png differ diff --git a/res/include/img/background_patterns/checker_christmas.png b/res/include/img/background_patterns/checker_christmas.png index 700c611..854969b 100644 Binary files a/res/include/img/background_patterns/checker_christmas.png and b/res/include/img/background_patterns/checker_christmas.png differ diff --git a/res/include/img/background_patterns/checker_christmas_light.png b/res/include/img/background_patterns/checker_christmas_light.png deleted file mode 100644 index 3c72a88..0000000 Binary files a/res/include/img/background_patterns/checker_christmas_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker_christmas_transparent.png b/res/include/img/background_patterns/checker_christmas_transparent.png new file mode 100644 index 0000000..ea63bec Binary files /dev/null and b/res/include/img/background_patterns/checker_christmas_transparent.png differ diff --git a/res/include/img/background_patterns/checker_developers.png b/res/include/img/background_patterns/checker_developers.png index 81726cb..3391a25 100644 Binary files a/res/include/img/background_patterns/checker_developers.png and b/res/include/img/background_patterns/checker_developers.png differ diff --git a/res/include/img/background_patterns/checker_developers_light.png b/res/include/img/background_patterns/checker_developers_light.png deleted file mode 100644 index 77ad631..0000000 Binary files a/res/include/img/background_patterns/checker_developers_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker_developers_transparent.png b/res/include/img/background_patterns/checker_developers_transparent.png new file mode 100644 index 0000000..8f1d6ba Binary files /dev/null and b/res/include/img/background_patterns/checker_developers_transparent.png differ diff --git a/res/include/img/background_patterns/checker_dwarf.png b/res/include/img/background_patterns/checker_dwarf.png index ff82043..2703509 100644 Binary files a/res/include/img/background_patterns/checker_dwarf.png and b/res/include/img/background_patterns/checker_dwarf.png differ diff --git a/res/include/img/background_patterns/checker_dwarf_light.png b/res/include/img/background_patterns/checker_dwarf_light.png deleted file mode 100644 index b567952..0000000 Binary files a/res/include/img/background_patterns/checker_dwarf_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker_dwarf_transparent.png b/res/include/img/background_patterns/checker_dwarf_transparent.png new file mode 100644 index 0000000..0756387 Binary files /dev/null and b/res/include/img/background_patterns/checker_dwarf_transparent.png differ diff --git a/res/include/img/background_patterns/checker_halloween.png b/res/include/img/background_patterns/checker_halloween.png index 9085856..7c2e3d9 100644 Binary files a/res/include/img/background_patterns/checker_halloween.png and b/res/include/img/background_patterns/checker_halloween.png differ diff --git a/res/include/img/background_patterns/checker_halloween_light.png b/res/include/img/background_patterns/checker_halloween_light.png deleted file mode 100644 index 703dc3b..0000000 Binary files a/res/include/img/background_patterns/checker_halloween_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker_halloween_transparent.png b/res/include/img/background_patterns/checker_halloween_transparent.png new file mode 100644 index 0000000..24e59e1 Binary files /dev/null and b/res/include/img/background_patterns/checker_halloween_transparent.png differ diff --git a/res/include/img/background_patterns/checker_ukraine.png b/res/include/img/background_patterns/checker_ukraine.png index b61ad6d..6627788 100644 Binary files a/res/include/img/background_patterns/checker_ukraine.png and b/res/include/img/background_patterns/checker_ukraine.png differ diff --git a/res/include/img/background_patterns/checker_ukraine_light.png b/res/include/img/background_patterns/checker_ukraine_light.png deleted file mode 100644 index a77ead4..0000000 Binary files a/res/include/img/background_patterns/checker_ukraine_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker_ukraine_transparent.png b/res/include/img/background_patterns/checker_ukraine_transparent.png new file mode 100644 index 0000000..51c11e9 Binary files /dev/null and b/res/include/img/background_patterns/checker_ukraine_transparent.png differ diff --git a/res/include/img/background_patterns/checker_wednesday.png b/res/include/img/background_patterns/checker_wednesday.png index c9ec13c..1d5593a 100644 Binary files a/res/include/img/background_patterns/checker_wednesday.png and b/res/include/img/background_patterns/checker_wednesday.png differ diff --git a/res/include/img/background_patterns/checker_wednesday_light.png b/res/include/img/background_patterns/checker_wednesday_light.png deleted file mode 100644 index 3ce2fb1..0000000 Binary files a/res/include/img/background_patterns/checker_wednesday_light.png and /dev/null differ diff --git a/res/include/img/background_patterns/checker_wednesday_transparent.png b/res/include/img/background_patterns/checker_wednesday_transparent.png new file mode 100644 index 0000000..ffc2a9f Binary files /dev/null and b/res/include/img/background_patterns/checker_wednesday_transparent.png differ diff --git a/res/include/img/background_patterns/create_dark.sh b/res/include/img/background_patterns/create_dark.sh deleted file mode 100755 index 4083399..0000000 --- a/res/include/img/background_patterns/create_dark.sh +++ /dev/null @@ -1,12 +0,0 @@ -#!/bin/bash - -for i in {0..17}; do convert checker${i}.png -brightness-contrast 80x0 checker${i}_light.png; done -convert checker_wednesday.png -brightness-contrast 80x0 checker_wednesday_light.png -convert checker_wednesday.png -brightness-contrast 80x0 checker_wednesday_light.png -convert checker_dwarf.png -brightness-contrast 80x0 checker_dwarf_light.png -convert checker_developers.png -brightness-contrast 80x0 checker_developers_light.png -convert checker_halloween.png -brightness-contrast 80x0 checker_halloween_light.png -convert checker_christmas.png -brightness-contrast 80x0 checker_christmas_light.png -convert checker_ukraine.png -brightness-contrast 80x0 checker_ukraine_light.png - -optipng *.png diff --git a/res/include/img/background_patterns/create_transparent.sh b/res/include/img/background_patterns/create_transparent.sh new file mode 100755 index 0000000..84bddeb --- /dev/null +++ b/res/include/img/background_patterns/create_transparent.sh @@ -0,0 +1,15 @@ +#!/bin/bash + +transparent () { + convert $1.png -alpha set -channel a -evaluate set $2 $1_transparent.png +} + +for i in {0..17}; do transparent "checker${i}" 6%; done +transparent "checker_wednesday" 10% +transparent "checker_dwarf" 6% +transparent "checker_developers" 6% +transparent "checker_halloween" 6% +transparent "checker_christmas" 6% +transparent "checker_ukraine" 10% + +optipng *.png diff --git a/res/include/style/layout.css b/res/include/style/layout.css index c9de269..5cf652d 100644 --- a/res/include/style/layout.css +++ b/res/include/style/layout.css @@ -56,14 +56,14 @@ body { font-size: 17px; line-height: 1.6em; color: var(--text_color); - background-color: var(--layer_1_color); + background: var(--background); + min-height: 100vh; padding: 0; } header, footer, .checkers { background-image: url("{{.BackgroundPattern}}"); - background-color: var(--layer_1_color); + background-color: var(--background_pattern_color); background-repeat: repeat; - background-blend-mode: luminosity; } header, footer { box-shadow: inset 1px 1px 8px 0 var(--shadow_color); @@ -107,6 +107,7 @@ footer > .footer_content { .page_navigation { position: fixed; backface-visibility: hidden; + background: var(--navigation_background); width: 17em; height: 100%; left: 0; @@ -118,27 +119,28 @@ footer > .footer_content { transition: left 0.5s; } .page_body { - position: absolute; + position: relative; right: 0; height: auto; - left: 17em; + left: 0; + margin-left: 17em; min-width: 300px; - display: inline-block; + display: block; text-align: center; /* Center the header and body */ overflow-y: auto; overflow-x: hidden; - background-color: var(--layer_2_color); + background: var(--body_background); border-top-left-radius: 12px; border-bottom-left-radius: 12px; padding: 8px; - transition: left 0.5s; + transition: margin-left 0.5s; } -@media (max-width: 1200px) { +@media (max-width: 1000px) { .page_navigation { left: -18em; } .page_body { - left: 0; + margin-left: 0; width: 100%; padding: 4px; } @@ -444,27 +446,18 @@ input[type="submit"]:active, input[type="button"]:active, input[type="color"]:active, select:active { - background: linear-gradient(var(--input_color_dark), var(--input_color)); box-shadow: inset 4px 4px 8px var(--shadow_color); /* Exactly 4px offset compared to the inactive padding to give a depth effect */ padding: 9px 1px 1px 9px; } .button_highlight { - background: linear-gradient(var(--highlight_color), var(--highlight_color_dark)) !important; - color: var(--highlight_text_color) !important; -} -.button_highlight:active { - background: linear-gradient(var(--highlight_color_dark), var(--highlight_color)) !important; + background: var(--highlight_background) !important; color: var(--highlight_text_color) !important; } .button_red { background: linear-gradient(var(--danger_color), var(--danger_color_dark)) !important; color: var(--highlight_text_color) !important; } -.button_red:active { - background: linear-gradient(var(--danger_color_dark), var(--danger_color)) !important; - color: var(--highlight_text_color) !important; -} button:disabled, button.disabled, .button:disabled, .button.disabled, diff --git a/res/static/img/horsehead.webp b/res/static/img/horsehead.webp index 1f2e15d..4be7670 100644 Binary files a/res/static/img/horsehead.webp and b/res/static/img/horsehead.webp differ diff --git a/res/static/img/horsehead.xcf b/res/static/img/horsehead.xcf new file mode 100644 index 0000000..227e42e Binary files /dev/null and b/res/static/img/horsehead.xcf differ diff --git a/res/template/fragments/page_wrap.html b/res/template/fragments/page_wrap.html index 98db1c1..b0c842f 100644 --- a/res/template/fragments/page_wrap.html +++ b/res/template/fragments/page_wrap.html @@ -34,16 +34,16 @@ function toggleMenu() { if (nav.offsetLeft === 0) { // Menu is visible, hide it nav.style.left = -nav.offsetWidth + "px"; - body.style.left = "0"; + body.style.marginLeft = "0"; } else { // Menu is hidden, show it nav.style.left = "0"; - body.style.left = nav.offsetWidth + "px"; + body.style.marginLeft = nav.offsetWidth + "px"; } } function resetMenu() { document.getElementById("page_navigation").style.left = ""; - document.getElementById("page_body").style.left = ""; + document.getElementById("page_body").style.marginLeft = ""; } {{end}} diff --git a/res/template/fragments/user_style.html b/res/template/fragments/user_style.html index 34f6d86..d872323 100644 --- a/res/template/fragments/user_style.html +++ b/res/template/fragments/user_style.html @@ -13,10 +13,8 @@ inputTextColor: "{{.Style.InputText.RGB}}", highlightColor: "{{.Style.Highlight.RGB}}", dangerColor: "{{.Style.Danger.RGB}}", - layer1Color: "{{.Style.Layer1.RGB}}", layer2Color: "{{.Style.Layer2.RGB}}", layer3Color: "{{.Style.Layer3.RGB}}", - layer4Color: "{{.Style.Layer4.RGB}}", chart1Color: "{{.Style.Chart1.RGB}}", chart2Color: "{{.Style.Chart2.RGB}}", chart3Color: "{{.Style.Chart3.RGB}}", diff --git a/res/template/home.html b/res/template/home.html index 5f704b5..ead9c8f 100644 --- a/res/template/home.html +++ b/res/template/home.html @@ -8,7 +8,7 @@ /* Override the default background with something spectacular */ header, footer, .checkers { background-image: url("/res/img/horsehead.webp"); - background-color: var(--layer_1_color); + background-color: var(--parallax_slider_color); background-repeat: no-repeat; background-blend-mode: luminosity; background-attachment: fixed; diff --git a/svelte/src/file_viewer/FileViewer.svelte b/svelte/src/file_viewer/FileViewer.svelte index 7493879..8464dd8 100644 --- a/svelte/src/file_viewer/FileViewer.svelte +++ b/svelte/src/file_viewer/FileViewer.svelte @@ -642,7 +642,7 @@ const keyboard_event = evt => { width: 100%; height: 100%; overflow: hidden; - background-color: var(--layer_2_color); + background: var(--body_background); } /* Headerbar (row 1) */ @@ -731,7 +731,6 @@ const keyboard_event = evt => { padding: 0; text-align: left; transition: left 0.5s, right 0.5s; - background-color: var(--layer_2_color); z-index: 1; } .toolbar.toolbar_visible { left: 0; } diff --git a/svelte/src/file_viewer/Sharebar.svelte b/svelte/src/file_viewer/Sharebar.svelte index 97c8a85..574e948 100644 --- a/svelte/src/file_viewer/Sharebar.svelte +++ b/svelte/src/file_viewer/Sharebar.svelte @@ -75,9 +75,13 @@ const share_tumblr = () => { border-radius: 16px; text-align: center; overflow: hidden; - transition: left 0.5s; + opacity: 0; + transition: left 0.4s, opacity 0.4s; +} +.visible { + left: 8em; + opacity: 1; } -.visible { left: 8em; } .button_full_width { width: calc(100% - 6px); } diff --git a/svelte/src/file_viewer/viewers/Text.svelte b/svelte/src/file_viewer/viewers/Text.svelte index a5c54f2..83da2b0 100644 --- a/svelte/src/file_viewer/viewers/Text.svelte +++ b/svelte/src/file_viewer/viewers/Text.svelte @@ -103,7 +103,7 @@ const code = async file => {