New checkbox icons as svgs and adjusted background colors.

This commit is contained in:
Ruben Thoms
2020-09-28 15:48:18 +02:00
committed by Magne Sjaastad
parent cf1487c2f3
commit 440767d876
12 changed files with 137 additions and 15 deletions

View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 13.9 13.9" style="enable-background:new 0 0 13.9 13.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#394046;stroke:#5B6068;stroke-miterlimit:10;}
.st1{fill:none;stroke:#5B6068;stroke-width:1.5;stroke-miterlimit:10;}
.st2{display:none;fill:#E7E8EA;}
</style>
<rect x="0.5" y="0.5" class="st0" width="12.9" height="12.9"/>
<polyline class="st1" points="3.2,7.3 6.1,10.2 11.8,4.6 "/>
<rect x="3.4" y="3.4" class="st2" width="7" height="7"/>
</svg>

After

Width:  |  Height:  |  Size: 735 B

View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 13.9 13.9" style="enable-background:new 0 0 13.9 13.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#394046;stroke:#E8E8EA;stroke-miterlimit:10;}
.st1{fill:none;stroke:#E8E8EA;stroke-width:1.5;stroke-miterlimit:10;}
.st2{display:none;fill:#E7E8EA;}
</style>
<rect x="0.5" y="0.5" class="st0" width="12.9" height="12.9"/>
<polyline class="st1" points="3.2,7.3 6.1,10.2 11.8,4.6 "/>
<rect x="3.4" y="3.4" class="st2" width="7" height="7"/>
</svg>

After

Width:  |  Height:  |  Size: 735 B

View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 13.9 13.9" style="enable-background:new 0 0 13.9 13.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#394046;stroke:#5B6068;stroke-miterlimit:10;}
.st1{display:none;fill:none;stroke:#5B6068;stroke-miterlimit:10;}
.st2{fill:#5C6169;}
</style>
<rect x="0.5" y="0.5" class="st0" width="12.9" height="12.9"/>
<polyline class="st1" points="3.2,7.3 6.1,10.2 11.8,4.6 "/>
<rect x="3.4" y="3.4" class="st2" width="7" height="7"/>
</svg>

After

Width:  |  Height:  |  Size: 718 B

View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 13.9 13.9" style="enable-background:new 0 0 13.9 13.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#394046;stroke:#E8E8EA;stroke-miterlimit:10;}
.st1{display:none;fill:none;stroke:#5B6068;stroke-miterlimit:10;}
.st2{fill:#E7E8EA;}
</style>
<rect x="0.5" y="0.5" class="st0" width="12.9" height="12.9"/>
<polyline class="st1" points="3.2,7.3 6.1,10.2 11.8,4.6 "/>
<rect x="3.4" y="3.4" class="st2" width="7" height="7"/>
</svg>

After

Width:  |  Height:  |  Size: 718 B

View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<style type="text/css">
.st0{fill:#394046;stroke:#5B6068;stroke-miterlimit:10;}
.st1{display:none;fill:none;stroke:#5B6068;stroke-miterlimit:10;}
.st2{fill:#5B6068;}
</style>
<rect x="1.6" y="1.6" class="st0" width="12.9" height="12.9"/>
<polyline class="st1" points="4.2,8.4 7.2,11.3 12.9,5.6 "/>
<rect x="4.5" y="4.5" class="st2" width="7" height="7"/>
</svg>

After

Width:  |  Height:  |  Size: 710 B

View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<style type="text/css">
.st0{fill:#394046;stroke:#E7E8EA;stroke-miterlimit:10;}
.st1{display:none;fill:none;stroke:#5B6068;stroke-miterlimit:10;}
.st2{fill:#E7E8EA;}
</style>
<rect x="1.6" y="1.6" class="st0" width="12.9" height="12.9"/>
<polyline class="st1" points="4.2,8.4 7.2,11.3 12.9,5.6 "/>
<rect x="4.5" y="4.5" class="st2" width="7" height="7"/>
</svg>

After

Width:  |  Height:  |  Size: 710 B

View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 13.9 13.9" style="enable-background:new 0 0 13.9 13.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#394046;stroke:#5B6068;stroke-miterlimit:10;}
.st1{display:none;fill:none;stroke:#5B6068;stroke-miterlimit:10;}
.st2{display:none;fill:#5C6169;}
</style>
<rect x="0.5" y="0.5" class="st0" width="12.9" height="12.9"/>
<polyline class="st1" points="3.2,7.3 6.1,10.2 11.8,4.6 "/>
<rect x="3.4" y="3.4" class="st2" width="7" height="7"/>
</svg>

After

Width:  |  Height:  |  Size: 731 B

View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 13.9 13.9" style="enable-background:new 0 0 13.9 13.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#394046;stroke:#E8E8EA;stroke-miterlimit:10;}
.st1{display:none;fill:none;stroke:#E8E8EA;stroke-width:1.5;stroke-miterlimit:10;}
.st2{display:none;fill:#E7E8EA;}
</style>
<rect x="0.5" y="0.5" class="st0" width="12.9" height="12.9"/>
<polyline class="st1" points="3.2,7.3 6.1,10.2 11.8,4.6 "/>
<rect x="3.4" y="3.4" class="st2" width="7" height="7"/>
</svg>

After

Width:  |  Height:  |  Size: 748 B