mirror of https://github.com/PiyushXCoder/lupt.git
dark mode final-1
This commit is contained in:
parent
f102eec55c
commit
1f9d1f7bfd
|
|
@ -24,14 +24,16 @@
|
||||||
--font-family-sans: "Itim";
|
--font-family-sans: "Itim";
|
||||||
--font-family-mono: monaco, "Consolas", "Lucida Console", monospace;
|
--font-family-mono: monaco, "Consolas", "Lucida Console", monospace;
|
||||||
|
|
||||||
--msg-other-bg-color : rgb(75, 147, 196);
|
--msg-other-bg-color : rgb(97, 182, 238);
|
||||||
--msg-me-bg-color : rgb(101, 187, 130);
|
--msg-me-bg-color : rgb(92, 175, 148);
|
||||||
--msg-reply-bg-color : rgb(198, 203, 207);
|
--msg-reply-bg-color : rgb(209, 215, 219);
|
||||||
--msg-other-border-color : #fff;
|
--msg-other-border-color : rgb(62, 127, 212);
|
||||||
--msg-me-border-color : #fff;
|
--msg-me-border-color : rgb(64, 148, 116);
|
||||||
--msg-reply-border-color : #fff;
|
--msg-reply-border-color : rgb(94, 100, 105);
|
||||||
--msg-other-border-sel-color : #fff;
|
--msg-other-border-sel-color : rgb(58, 90, 139);
|
||||||
--msg-me-border-sel-color : #fff;
|
--msg-me-border-sel-color : rgb(48, 105, 86);
|
||||||
|
|
||||||
|
--svg-filter: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
|
@ -53,9 +55,11 @@ body.dark {
|
||||||
--msg-reply-bg-color : rgb(45, 46, 53);
|
--msg-reply-bg-color : rgb(45, 46, 53);
|
||||||
--msg-other-border-color : #3771C8;
|
--msg-other-border-color : #3771C8;
|
||||||
--msg-me-border-color : #008066;
|
--msg-me-border-color : #008066;
|
||||||
--msg-reply-border-color : #717479;
|
--msg-reply-border-color : #5b5f64;
|
||||||
--msg-other-border-sel-color : #ACDBFF;
|
--msg-other-border-sel-color : #ACDBFF;
|
||||||
--msg-me-border-sel-color : #8CE7A9;
|
--msg-me-border-sel-color : #8CE7A9;
|
||||||
|
|
||||||
|
--svg-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
|
||||||
}
|
}
|
||||||
|
|
||||||
body > .container {
|
body > .container {
|
||||||
|
|
@ -107,6 +111,10 @@ input {
|
||||||
background-color: var(--bg-tertiary-color);
|
background-color: var(--bg-tertiary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.svg-filter {
|
||||||
|
filter: var(--svg-filter);
|
||||||
|
}
|
||||||
|
|
||||||
.cover-screen {
|
.cover-screen {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0; bottom: 0; left: 0; right: 0;
|
top: 0; bottom: 0; left: 0; right: 0;
|
||||||
|
|
|
||||||
|
|
@ -28,13 +28,13 @@
|
||||||
guidetolerance="10"
|
guidetolerance="10"
|
||||||
inkscape:pageopacity="0"
|
inkscape:pageopacity="0"
|
||||||
inkscape:pageshadow="2"
|
inkscape:pageshadow="2"
|
||||||
inkscape:window-width="903"
|
inkscape:window-width="1278"
|
||||||
inkscape:window-height="453"
|
inkscape:window-height="868"
|
||||||
id="namedview37"
|
id="namedview37"
|
||||||
showgrid="false"
|
showgrid="false"
|
||||||
inkscape:zoom="1.243281"
|
inkscape:zoom="0.31082025"
|
||||||
inkscape:cx="246.24387"
|
inkscape:cx="-66.060137"
|
||||||
inkscape:cy="236.82063"
|
inkscape:cy="234.88598"
|
||||||
inkscape:window-x="0"
|
inkscape:window-x="0"
|
||||||
inkscape:window-y="54"
|
inkscape:window-y="54"
|
||||||
inkscape:window-maximized="0"
|
inkscape:window-maximized="0"
|
||||||
|
|
@ -42,11 +42,11 @@
|
||||||
inkscape:document-rotation="0" />
|
inkscape:document-rotation="0" />
|
||||||
<g
|
<g
|
||||||
id="g4"
|
id="g4"
|
||||||
style="fill:#1a1a1a">
|
style="fill:#1a1a1a;fill-opacity:0.93514794">
|
||||||
<path
|
<path
|
||||||
d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225 c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"
|
d="m 145.188,238.575 215.5,-215.5 c 5.3,-5.3 5.3,-13.8 0,-19.1 -5.3,-5.3 -13.8,-5.3 -19.1,0 l -225.1,225.1 c -5.3,5.3 -5.3,13.8 0,19.1 l 225.1,225 c 2.6,2.6 6.1,4 9.5,4 3.4,0 6.9,-1.3 9.5,-4 5.3,-5.3 5.3,-13.8 0,-19.1 z"
|
||||||
id="path2"
|
id="path2"
|
||||||
style="fill:#1a1a1a" />
|
style="fill:#1a1a1a;fill-opacity:0.93514794" />
|
||||||
</g>
|
</g>
|
||||||
<g
|
<g
|
||||||
id="g6">
|
id="g6">
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 15 KiB |
|
|
@ -16,7 +16,7 @@
|
||||||
sodipodi:docname="label.svg">
|
sodipodi:docname="label.svg">
|
||||||
<defs
|
<defs
|
||||||
id="defs2" />
|
id="defs2" />
|
||||||
<sodipodi:namedview
|
<sodipodi:namedview
|
||||||
id="base"
|
id="base"
|
||||||
pagecolor="#ffffff"
|
pagecolor="#ffffff"
|
||||||
bordercolor="#666666"
|
bordercolor="#666666"
|
||||||
|
|
@ -54,7 +54,7 @@
|
||||||
id="layer1">
|
id="layer1">
|
||||||
<text
|
<text
|
||||||
xml:space="preserve"
|
xml:space="preserve"
|
||||||
style="font-style:normal;font-weight:normal;font-size:96px;line-height:1.25;font-family:sans-serif;fill:#216778;fill-opacity:1;stroke:none;"
|
style="font-style:normal;font-weight:normal;font-size:96px;line-height:1.25;font-family:sans-serif;fill:#2c89a0;fill-opacity:1;stroke:none;"
|
||||||
x="152.76921"
|
x="152.76921"
|
||||||
y="232.96042"
|
y="232.96042"
|
||||||
id="text52"><tspan
|
id="text52"><tspan
|
||||||
|
|
@ -62,10 +62,10 @@
|
||||||
id="tspan50"
|
id="tspan50"
|
||||||
x="152.76921"
|
x="152.76921"
|
||||||
y="232.96042"
|
y="232.96042"
|
||||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Itim;-inkscape-font-specification:Itim;fill:#216778;">Lupt Chat </tspan></text>
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Itim;-inkscape-font-specification:Itim;fill:#2c89a0;">Lupt Chat </tspan></text>
|
||||||
<text
|
<text
|
||||||
xml:space="preserve"
|
xml:space="preserve"
|
||||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:133.333px;line-height:1.25;font-family:Teko;-inkscape-font-specification:Teko;fill:#374548;fill-opacity:1;stroke:none"
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:133.333px;line-height:1.25;font-family:Teko;-inkscape-font-specification:Teko;fill:#6f8a91;fill-opacity:1;stroke:none;"
|
||||||
x="268.19843"
|
x="268.19843"
|
||||||
y="130.02667"
|
y="130.02667"
|
||||||
id="text56"><tspan
|
id="text56"><tspan
|
||||||
|
|
@ -73,33 +73,33 @@
|
||||||
id="tspan54"
|
id="tspan54"
|
||||||
x="268.19843"
|
x="268.19843"
|
||||||
y="130.02667"
|
y="130.02667"
|
||||||
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:133.333px;font-family:Rajdhani;-inkscape-font-specification:'Rajdhani Medium';fill:#374548">लुप्त चैट</tspan></text>
|
style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:133.333px;font-family:Rajdhani;-inkscape-font-specification:'Rajdhani Medium';fill:#6f8a91;">लुप्त चैट</tspan></text>
|
||||||
<g
|
<g
|
||||||
style="fill:#d45500;stroke:#005544;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none"
|
style="fill:#d45500;stroke:#2ca089;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none"
|
||||||
id="g49"
|
id="g49"
|
||||||
transform="matrix(-10.249207,0,0,10.492348,280.41862,-26.401894)">
|
transform="matrix(-10.249207,0,0,10.492348,280.41862,-26.401894)">
|
||||||
<path
|
<path
|
||||||
d="M 8,9.50004 C 7.30964,9.50004 6.75,10.0597 6.75,10.75 6.75,11.4404 7.30964,12 8,12 8.69036,12 9.25,11.4404 9.25,10.75 9.25,10.0597 8.69036,9.50004 8,9.50004 Z"
|
d="M 8,9.50004 C 7.30964,9.50004 6.75,10.0597 6.75,10.75 6.75,11.4404 7.30964,12 8,12 8.69036,12 9.25,11.4404 9.25,10.75 9.25,10.0597 8.69036,9.50004 8,9.50004 Z"
|
||||||
fill="#000000"
|
fill="#000000"
|
||||||
id="path29"
|
id="path29"
|
||||||
style="fill:none;stroke:#005544;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none" />
|
style="fill:none;stroke:#2ca089;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none" />
|
||||||
<path
|
<path
|
||||||
d="m 12,9.50004 c -0.6904,0 -1.25,0.55966 -1.25,1.24996 0,0.6904 0.5596,1.25 1.25,1.25 0.6904,0 1.25,-0.5596 1.25,-1.25 0,-0.6903 -0.5596,-1.24996 -1.25,-1.24996 z"
|
d="m 12,9.50004 c -0.6904,0 -1.25,0.55966 -1.25,1.24996 0,0.6904 0.5596,1.25 1.25,1.25 0.6904,0 1.25,-0.5596 1.25,-1.25 0,-0.6903 -0.5596,-1.24996 -1.25,-1.24996 z"
|
||||||
fill="#000000"
|
fill="#000000"
|
||||||
id="path31"
|
id="path31"
|
||||||
style="fill:none;stroke:#005544;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none" />
|
style="fill:none;stroke:#2ca089;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none" />
|
||||||
<path
|
<path
|
||||||
d="m 14.75,10.75 c 0,-0.6903 0.5596,-1.24996 1.25,-1.24996 0.6904,0 1.25,0.55966 1.25,1.24996 0,0.6904 -0.5596,1.25 -1.25,1.25 -0.6904,0 -1.25,-0.5596 -1.25,-1.25 z"
|
d="m 14.75,10.75 c 0,-0.6903 0.5596,-1.24996 1.25,-1.24996 0.6904,0 1.25,0.55966 1.25,1.24996 0,0.6904 -0.5596,1.25 -1.25,1.25 -0.6904,0 -1.25,-0.5596 -1.25,-1.25 z"
|
||||||
fill="#000000"
|
fill="#000000"
|
||||||
id="path33"
|
id="path33"
|
||||||
style="fill:none;stroke:#005544;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none" />
|
style="fill:none;stroke:#2ca089;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none" />
|
||||||
<path
|
<path
|
||||||
fill-rule="evenodd"
|
fill-rule="evenodd"
|
||||||
clip-rule="evenodd"
|
clip-rule="evenodd"
|
||||||
d="M 16.1007,4.59283 C 13.4065,4.36307 10.6983,4.34974 8.00194,4.55296 L 7.80871,4.56752 C 5.23741,4.76132 3.25,6.90415 3.25,9.48275 V 18 c 0,0.2639 0.13867,0.5084 0.36515,0.6438 0.22648,0.1354 0.50746,0.1418 0.73989,0.0169 L 8.26583,16.559 C 8.44774,16.4612 8.65104,16.41 8.85756,16.41 H 17.834 c 1.1321,0 2.1022,-0.8094 2.3052,-1.9231 0.4113,-2.2572 0.4437,-4.5672 0.0961,-6.83511 L 20.1329,6.98346 C 19.9464,5.76671 18.951,4.8359 17.7245,4.7313 Z"
|
d="M 16.1007,4.59283 C 13.4065,4.36307 10.6983,4.34974 8.00194,4.55296 L 7.80871,4.56752 C 5.23741,4.76132 3.25,6.90415 3.25,9.48275 V 18 c 0,0.2639 0.13867,0.5084 0.36515,0.6438 0.22648,0.1354 0.50746,0.1418 0.73989,0.0169 L 8.26583,16.559 C 8.44774,16.4612 8.65104,16.41 8.85756,16.41 H 17.834 c 1.1321,0 2.1022,-0.8094 2.3052,-1.9231 0.4113,-2.2572 0.4437,-4.5672 0.0961,-6.83511 L 20.1329,6.98346 C 19.9464,5.76671 18.951,4.8359 17.7245,4.7313 Z"
|
||||||
fill="#000000"
|
fill="#000000"
|
||||||
id="path35"
|
id="path35"
|
||||||
style="fill:none;stroke:#005544;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none"
|
style="fill:none;stroke:#2ca089;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none"
|
||||||
sodipodi:nodetypes="cccsssccssccccc" />
|
sodipodi:nodetypes="cccsssccssccccc" />
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 4.7 KiB |
|
|
@ -28,25 +28,25 @@
|
||||||
guidetolerance="10"
|
guidetolerance="10"
|
||||||
inkscape:pageopacity="0"
|
inkscape:pageopacity="0"
|
||||||
inkscape:pageshadow="2"
|
inkscape:pageshadow="2"
|
||||||
inkscape:window-width="903"
|
inkscape:window-width="1920"
|
||||||
inkscape:window-height="480"
|
inkscape:window-height="1021"
|
||||||
id="namedview37"
|
id="namedview37"
|
||||||
showgrid="false"
|
showgrid="false"
|
||||||
inkscape:zoom="0.4395662"
|
inkscape:zoom="1.243281"
|
||||||
inkscape:cx="323.57023"
|
inkscape:cx="224.54207"
|
||||||
inkscape:cy="216.28028"
|
inkscape:cy="410.89734"
|
||||||
inkscape:window-x="595"
|
inkscape:window-x="0"
|
||||||
inkscape:window-y="132"
|
inkscape:window-y="0"
|
||||||
inkscape:window-maximized="0"
|
inkscape:window-maximized="1"
|
||||||
inkscape:current-layer="Capa_1"
|
inkscape:current-layer="Capa_1"
|
||||||
inkscape:document-rotation="0" />
|
inkscape:document-rotation="0" />
|
||||||
<g
|
<g
|
||||||
id="g4"
|
id="g4"
|
||||||
style="fill:#1a1a1a">
|
style="fill:#1a1a1a;fill-opacity:1">
|
||||||
<path
|
<path
|
||||||
d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5 c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z "
|
d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5 c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z "
|
||||||
id="path2"
|
id="path2"
|
||||||
style="fill:#1a1a1a" />
|
style="fill:#1a1a1a;fill-opacity:1" />
|
||||||
</g>
|
</g>
|
||||||
<g
|
<g
|
||||||
id="g6">
|
id="g6">
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
|
@ -111,11 +111,12 @@
|
||||||
<div id="chat_panel" class="cover-screen chatpanel is-hidden">
|
<div id="chat_panel" class="cover-screen chatpanel is-hidden">
|
||||||
<div class="chatpanel-top bg-ter">
|
<div class="chatpanel-top bg-ter">
|
||||||
<button onclick="leave()" class="button chatpanel-top-l">
|
<button onclick="leave()" class="button chatpanel-top-l">
|
||||||
<img src="img/back.svg" alt="" height="12px"> Back
|
<img class="svg-filter" src="img/back.svg" alt="" height="12px"> Back
|
||||||
|
|
||||||
</button>
|
</button>
|
||||||
<img src="img/label.png" alt="Lupt Chat" height="40px" class="chatpanel-top-m">
|
<img src="img/label.png" alt="Lupt Chat" height="40px" class="chatpanel-top-m">
|
||||||
<button id="next_btn" onclick="connect_next()" class="button chatpanel-top-r is-hidden">
|
<button id="next_btn" onclick="connect_next()" class="button chatpanel-top-r is-hidden">
|
||||||
Next <img src="img/next.svg" alt="" height="12px">
|
Next <img class="svg-filter" src="img/next.svg" alt="" height="12px">
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="message_area_scroll" class="chatpanel-mid">
|
<div id="message_area_scroll" class="chatpanel-mid">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue