General : Add dark mode.

CSS : Add dark mode; Python : Custom QR code colors; SVG : Add graphics for dark mode; SVG : Optimize vector code; XHTML : Modify for dark mode.
2024-10-09 16:40:51 +03:00 · 2024-10-09 16:40:51 +03:00 · 19e8910a4e
commit 19e8910a4e
parent 16338fabb2
16 changed files with 205 additions and 502 deletions
--- a/img/favicon.svg
+++ b/img/favicon.svg
@ -1,109 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948)  -->
-
-<svg
-   version="1.1"
-   xml:space="preserve"
-   viewBox="0 0 180 180"
-   width="18"
-   height="18"
-   x="0px"
-   y="0px"
-   enable-background="new 0 0 200 200"
-   id="svg11"
-   sodipodi:docname="favicon.svg"
-   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-   id="defs11" /><sodipodi:namedview
-   id="namedview11"
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1.0"
-   inkscape:showpageshadow="2"
-   inkscape:pageopacity="0.0"
-   inkscape:pagecheckerboard="0"
-   inkscape:deskcolor="#d1d1d1"
-   inkscape:zoom="32"
-   inkscape:cx="8.8125"
-   inkscape:cy="9.765625"
-   inkscape:window-width="1916"
-   inkscape:window-height="1032"
-   inkscape:window-x="0"
-   inkscape:window-y="22"
-   inkscape:window-maximized="1"
-   inkscape:current-layer="svg11" />
-
-<linearGradient
-   id="SVGID_right_"
-   y2="1.279e-13"
-   gradientUnits="userSpaceOnUse"
-   x2="-1073.2"
-   gradientTransform="translate(1185.688,26.573995)"
-   y1="126.85"
-   x1="-1073.2">
-	<stop
-   stop-color="#1b3967"
-   offset=".011"
-   id="stop1" />
-	<stop
-   stop-color="#13b5ea"
-   offset=".467"
-   id="stop2" />
-	<stop
-   stop-color="#002b5c"
-   offset=".9945"
-   id="stop3" />
-</linearGradient>
-
-<linearGradient
-   id="SVGID_left_"
-   y2="1.279e-13"
-   gradientUnits="userSpaceOnUse"
-   x2="-1073.2"
-   gradientTransform="matrix(-1,0,0,1,-1005.704,26.573995)"
-   y1="126.85"
-   x1="-1073.2">
-	<stop
-   stop-color="#1b3967"
-   offset=".011"
-   id="stop4" />
-	<stop
-   stop-color="#13b5ea"
-   offset=".467"
-   id="stop5" />
-	<stop
-   stop-color="#002b5c"
-   offset=".9945"
-   id="stop6" />
-</linearGradient>
-
-<path
-   d="m 140.88912,40.762996 c 0.077,1.313 -1.787,0.968 -1.787,2.293 0,38.551002 -46.558,97.366014 -91.687985,108.730004 v 1.639 C 107.36713,147.90501 175.97412,85.624998 177.48412,26.574995 l -36.599,14.189001 z"
-   style="fill:url(#SVGID_right_)"
-   id="path6" />
-<path
-   d="m 122.75712,40.671995 c 0.076,1.313 0.12,2.63 0.12,3.957 0,38.551002 -30.69898,90.497005 -75.826985,101.860005 v 1.639 C 106.09414,145.338 152.86013,85.103997 152.86013,38.927995 c 0,-2.375 -0.128,-4.729 -0.371,-7.056 l -29.73,8.798 z"
-   style="fill:#e96d1f"
-   id="path7" />
-<path
-   d="m 152.77512,31.183995 -7.61699,2.722 c 0.041,0.962 0.066,2.254 0.066,3.225 0,41.219002 -37.271,98.204005 -87.271995,107.120005 -3.24501,1.088 -7.53801,2.077 -10.932,2.931 v 1.638 C 112.27413,143.26 158.12013,76.953997 152.78012,31.179995 Z"
-   style="fill:#d9541e"
-   id="path8" />
-
-<path
-   d="m 39.095,40.762996 c -0.077,1.313 1.787,0.968 1.787,2.293 0,38.551002 46.558007,97.366014 91.68799,108.730004 v 1.639 C 72.617,147.90501 4.01,85.624998 2.5,26.574995 l 36.599,14.189001 z"
-   style="fill:url(#SVGID_left_)"
-   id="path9" />
-<path
-   d="m 57.227,40.671995 c -0.076,1.313 -0.12,2.63 -0.12,3.957001 0,38.551001 30.698995,90.497004 75.82699,101.860004 v 1.639 C 73.89,145.338 27.124,85.103997 27.124,38.927995 c 0,-2.375 0.128,-4.729 0.371,-7.056 l 29.73,8.798 z"
-   style="fill:#a0ce67"
-   id="path10" />
-<path
-   d="m 27.209,31.183996 7.617,2.722 c -0.041,0.962 -0.066,2.253999 -0.066,3.225 0,41.219001 37.271,98.204004 87.27199,107.120004 3.245,1.088 7.538,2.077 10.932,2.931 v 1.638 C 67.71,143.26 21.864,76.953998 27.204,31.179996 Z"
-   style="fill:#439639"
-   id="path11" />
-
-</svg>
+<svg xml:space="preserve" viewBox="0 0 180 180" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><linearGradient id="a" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="translate(1185.69 26.57)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><linearGradient id="b" y2="0" gradientUnits="userSpaceOnUse" x2="-1073.2" gradientTransform="matrix(-1 0 0 1 -1005.7 26.57)" y1="126.85" x1="-1073.2"><stop stop-color="#1b3967" offset=".01"/><stop stop-color="#13b5ea" offset=".47"/><stop stop-color="#002b5c" offset=".99"/></linearGradient><path d="M140.89 40.76c.08 1.32-1.79.97-1.79 2.3 0 38.55-46.56 97.36-91.69 108.73v1.64c59.96-5.52 128.56-67.8 130.07-126.86l-36.6 14.2z" style="fill:url(#a)"/><path d="M122.76 40.67c.07 1.31.12 2.63.12 3.96 0 38.55-30.7 90.5-75.83 101.86v1.64c59.04-2.8 105.81-63.03 105.81-109.2 0-2.38-.13-4.73-.37-7.06l-29.73 8.8z" style="fill:#e96d1f"/><path d="m152.78 31.18-7.62 2.73c.04.96.06 2.25.06 3.22 0 41.22-37.27 98.2-87.27 107.12-3.24 1.09-7.54 2.08-10.93 2.93v1.64c65.25-5.56 111.1-71.87 105.76-117.64Z" style="fill:#d9541e"/><path d="M39.1 40.76c-.08 1.32 1.78.97 1.78 2.3 0 38.55 46.56 97.36 91.69 108.73v1.64C72.62 147.9 4.01 85.63 2.5 26.57l36.6 14.2z" style="fill:url(#b)"/><path d="M57.23 40.67a68.4 68.4 0 0 0-.12 3.96c0 38.55 30.7 90.5 75.82 101.86v1.64c-59.04-2.8-105.8-63.03-105.8-109.2 0-2.38.12-4.73.36-7.06l29.73 8.8z" style="fill:#a0ce67"/><path d="m27.2 31.18 7.63 2.73a86 86 0 0 0-.07 3.22c0 41.22 37.27 98.2 87.27 107.12 3.25 1.09 7.54 2.08 10.93 2.93v1.64C67.71 143.26 21.86 76.95 27.2 31.18Z" style="fill:#439639"/></svg>