noxious/client
6
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New styling changes (WIP)

Browse Source
This commit is contained in:
Colin Kallemein
2024-06-09 00:36:58 +02:00
parent b25a05839e
commit cf43894654
10 changed files with 72 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/assets/shapes/character-select-header-shape.svg
View File

@ -1 +0,0 @@
<svg width="170" xmlns="http://www.w3.org/2000/svg" height="40" id="screenshot-2ec5776a-76a9-8039-8004-71e1627cda51" viewBox="0 0 170 40" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-2ec5776a-76a9-8039-8004-71e1627cda51"><g class="fills" id="fills-2ec5776a-76a9-8039-8004-71e1627cda51"><path d="M170.000,23.599L170.000,40.000L0.000,40.000L0.000,20.000C0.000,8.962,8.962,0.000,20.000,0.000L146.401,0.000C146.138,1.293,146.000,2.630,146.000,4.000C146.000,15.038,154.962,24.000,166.000,24.000C167.370,24.000,168.707,23.862,170.000,23.599Z" style="fill: rgb(71, 65, 230); fill-opacity: 0.6;"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 640 B

1
public/assets/shapes/character-select-shape-2.svg Normal file
View File

@ -0,0 +1 @@
<svg width="170" xmlns="http://www.w3.org/2000/svg" height="275" id="screenshot-c7008730-586b-8052-8004-79a2f5807f5c" viewBox="0 0 170 275" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-c7008730-586b-8052-8004-79a2f5807f5c"><defs><linearGradient id="fill-color-gradient-render-1-0" x1="0.4238862507773219" y1="0.26897966364321624" x2="0.7513711107948178" y2="0.9146156628521559" gradientTransform=""><stop offset="0" stop-color="#ffffff" stop-opacity="0.4"/><stop offset="1" stop-color="#ffffff" stop-opacity="0"/></linearGradient><pattern patternUnits="userSpaceOnUse" x="0" y="0" width="170" height="275" patternTransform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)" id="fill-0-render-1"><g><rect width="170" height="275" style="fill: url(&quot;#fill-color-gradient-render-1-0&quot;);"/></g></pattern></defs><g class="fills" id="fills-c7008730-586b-8052-8004-79a2f5807f5c"><path d="M170.000,20.000L170.000,255.000C170.000,266.038,161.038,275.000,150.000,275.000L20.000,275.000C8.962,275.000,0.000,266.038,0.000,255.000L0.000,20.000C0.000,8.962,8.962,0.000,20.000,0.000L150.000,0.000C150.000,0.000,150.000,0.000,150.000,0.000C150.000,11.038,158.962,20.000,170.000,20.000Z" fill="url(#fill-0-render-1)"/></g><g id="strokes-c7008730-586b-8052-8004-79a2f5807f5c" class="strokes"><g class="inner-stroke-shape"><defs><clipPath id="inner-stroke-render-1-c7008730-586b-8052-8004-79a2f5807f5c-0"><use href="#stroke-shape-render-1-c7008730-586b-8052-8004-79a2f5807f5c-0"/></clipPath><path d="M170.000,20.000L170.000,255.000C170.000,266.038,161.038,275.000,150.000,275.000L20.000,275.000C8.962,275.000,0.000,266.038,0.000,255.000L0.000,20.000C0.000,8.962,8.962,0.000,20.000,0.000L150.000,0.000C150.000,0.000,150.000,0.000,150.000,0.000C150.000,11.038,158.962,20.000,170.000,20.000Z" id="stroke-shape-render-1-c7008730-586b-8052-8004-79a2f5807f5c-0" style="fill: none; stroke-width: 4; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/></defs><use href="#stroke-shape-render-1-c7008730-586b-8052-8004-79a2f5807f5c-0" clip-path="url('#inner-stroke-render-1-c7008730-586b-8052-8004-79a2f5807f5c-0')"/></g></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

1
public/assets/shapes/character-select-shape-unselected.svg
View File

@ -1 +0,0 @@
<svg width="170" xmlns="http://www.w3.org/2000/svg" height="275" id="screenshot-2ec5776a-76a9-8039-8004-71e29b2b325b" viewBox="0 0 170 275" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-2ec5776a-76a9-8039-8004-71e29b2b325b"><g class="fills" id="fills-2ec5776a-76a9-8039-8004-71e29b2b325b"><path d="M170.000,23.599L170.000,255.000C170.000,266.038,161.038,275.000,150.000,275.000L20.000,275.000C8.962,275.000,0.000,266.038,0.000,255.000L0.000,20.000C0.000,8.962,8.962,0.000,20.000,0.000L146.401,0.000C146.138,1.293,146.000,2.630,146.000,4.000C146.000,15.038,154.962,24.000,166.000,24.000C167.370,24.000,168.707,23.862,170.000,23.599Z" style="fill: rgb(177, 178, 181); fill-opacity: 0.8;"/></g><g id="strokes-2ec5776a-76a9-8039-8004-71e29b2b325b" class="strokes"><g class="inner-stroke-shape"><defs><clipPath id="inner-stroke-render-1-2ec5776a-76a9-8039-8004-71e29b2b325b-0"><use href="#stroke-shape-render-1-2ec5776a-76a9-8039-8004-71e29b2b325b-0"/></clipPath><path d="M170.000,23.599L170.000,255.000C170.000,266.038,161.038,275.000,150.000,275.000L20.000,275.000C8.962,275.000,0.000,266.038,0.000,255.000L0.000,20.000C0.000,8.962,8.962,0.000,20.000,0.000L146.401,0.000C146.138,1.293,146.000,2.630,146.000,4.000C146.000,15.038,154.962,24.000,166.000,24.000C167.370,24.000,168.707,23.862,170.000,23.599Z" id="stroke-shape-render-1-2ec5776a-76a9-8039-8004-71e29b2b325b-0" style="fill: none; stroke-width: 4; stroke: rgb(177, 178, 181); stroke-opacity: 1;"/></defs><use href="#stroke-shape-render-1-2ec5776a-76a9-8039-8004-71e29b2b325b-0" clip-path="url('#inner-stroke-render-1-2ec5776a-76a9-8039-8004-71e29b2b325b-0')"/></g></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

1
public/assets/shapes/character-select-shape.svg
View File

@ -1 +0,0 @@
<svg width="170" xmlns="http://www.w3.org/2000/svg" height="275" id="screenshot-2ec5776a-76a9-8039-8004-71df57dfd568" viewBox="0 0 170 275" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-2ec5776a-76a9-8039-8004-71df57dfd568"><g class="fills" id="fills-2ec5776a-76a9-8039-8004-71df57dfd568"><path d="M170.000,23.599L170.000,255.000C170.000,266.038,161.038,275.000,150.000,275.000L20.000,275.000C8.962,275.000,0.000,266.038,0.000,255.000L0.000,20.000C0.000,8.962,8.962,0.000,20.000,0.000L146.401,0.000C146.138,1.293,146.000,2.630,146.000,4.000C146.000,15.038,154.962,24.000,166.000,24.000C167.370,24.000,168.707,23.862,170.000,23.599Z" style="fill: rgb(255, 255, 255); fill-opacity: 0.8;"/></g><g id="strokes-2ec5776a-76a9-8039-8004-71df57dfd568" class="strokes"><g class="inner-stroke-shape"><defs><clipPath id="inner-stroke-render-1-2ec5776a-76a9-8039-8004-71df57dfd568-0"><use href="#stroke-shape-render-1-2ec5776a-76a9-8039-8004-71df57dfd568-0"/></clipPath><path d="M170.000,23.599L170.000,255.000C170.000,266.038,161.038,275.000,150.000,275.000L20.000,275.000C8.962,275.000,0.000,266.038,0.000,255.000L0.000,20.000C0.000,8.962,8.962,0.000,20.000,0.000L146.401,0.000C146.138,1.293,146.000,2.630,146.000,4.000C146.000,15.038,154.962,24.000,166.000,24.000C167.370,24.000,168.707,23.862,170.000,23.599Z" id="stroke-shape-render-1-2ec5776a-76a9-8039-8004-71df57dfd568-0" style="fill: none; stroke-width: 4; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/></defs><use href="#stroke-shape-render-1-2ec5776a-76a9-8039-8004-71df57dfd568-0" clip-path="url('#inner-stroke-render-1-2ec5776a-76a9-8039-8004-71df57dfd568-0')"/></g></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

1
public/assets/shapes/select-screen-bg-shape.svg Normal file
View File

@ -0,0 +1 @@
<svg width="1508.086" xmlns="http://www.w3.org/2000/svg" height="1511.251" id="screenshot-0d120e2a-8725-8061-8004-79728483f7ea" viewBox="-201.784 -208.012 1508.086 1511.251" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-0d120e2a-8725-8061-8004-79728483f7ea" width="800px" height="800px" rx="0" ry="0" style="opacity: 0.3; fill: rgb(0, 0, 0);"><g id="shape-0d120e2a-8725-8061-8004-79728484b3fe"><g class="fills" id="fills-0d120e2a-8725-8061-8004-79728484b3fe"><path d="M1190.359,745.690L1043.367,575.945L1133.504,630.603C1099.180,585.722,1047.978,532.622,975.722,469.519L780.783,401.898L896.468,404.538C851.234,371.382,797.068,339.090,738.130,311.073L601.350,337.338L689.349,289.039C627.425,263.088,562.143,241.922,497.713,229.160C430.172,215.674,363.453,211.534,303.512,221.641L314.753,151.382C271.664,177.012,239.130,209.992,214.226,251.017L204.390,177.710C166.181,212.950,148.095,250.172,143.131,301.343C69.092,307.974,-2.300,327.925,-73.861,347.005L-63.628,384.898C361.675,238.903,753.109,407.667,987.467,615.054L960.305,643.506C749.259,458.743,490.332,358.712,193.406,380.541C209.110,415.226,228.858,447.126,251.288,474.785L371.998,430.671L277.417,504.449C294.635,521.771,312.591,536.670,331.111,548.765L396.081,470.998L358.366,564.253C377.625,573.924,397.183,580.217,416.674,582.837C534.164,599.232,652.310,618.566,782.785,703.535L773.618,601.955L831.163,737.792C852.261,754.489,876.370,771.191,897.168,782.701L861.169,684.190L960.409,811.519C976.589,817.512,992.991,822.477,1008.953,826.486C1066.083,840.287,1120.015,842.594,1157.256,819.002C1175.975,807.393,1189.205,786.963,1190.791,762.853C1191.080,756.933,1190.907,750.762,1190.359,745.690ZZ" style="fill: rgb(54, 143, 139);"/></g></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB