adjusted light and dark theme #3

Merged
mik-tf merged 1 commits from development_theme into development 2024-08-26 22:31:37 +00:00
9 changed files with 184 additions and 172 deletions
Showing only changes of commit 33e678dbf7 - Show all commits

View File

@ -62,7 +62,7 @@ const config: Config = {
themeConfig: {
colorMode: {
defaultMode: 'light',
disableSwitch: true,
disableSwitch: false,
respectPrefersColorScheme: false,
},
// Replace with your project's social card
@ -72,6 +72,7 @@ const config: Config = {
logo: {
alt: 'ThreeFold Logo',
src: 'img/logo.svg',
srcDark: 'img/logo_dark.svg',
},
items: [
{

View File

@ -1,6 +1,7 @@
import clsx from 'clsx';
import Heading from '@theme/Heading';
import styles from './styles.module.css';
import { useColorMode } from '@docusaurus/theme-common'
type FeatureItem = {
title: string;
@ -9,7 +10,9 @@ type FeatureItem = {
};
const FeatureList: FeatureItem[] = [
{
{ scale: 1.0,
fill: '#00000',
id: 'svgcolor',
title: 'Part of a Worldwide Grid',
Svg: require('@site/static/img/clouds.svg').default,
description: (
@ -18,7 +21,8 @@ const FeatureList: FeatureItem[] = [
</>
),
},
{
{ scale: 1.0,
id: 'svgcolor',
title: 'Get ThreeFold Nodes',
Svg: require('@site/static/img/nodes.svg').default,
description: (
@ -27,7 +31,8 @@ const FeatureList: FeatureItem[] = [
</>
),
},
{
{ scale: 1.0,
id: 'svgcolor',
title: 'Earn Rewards',
Svg: require('@site/static/img/rewards.svg').default,
description: (
@ -38,11 +43,21 @@ const FeatureList: FeatureItem[] = [
},
];
function Feature({title, Svg, description}: FeatureItem) {
function Feature({scale, fill, id, title, Svg, description}: FeatureItem) {
// Custom code to change the fill color of the Cloud Arrow Up SVG
// depending on if user is in dark/light mode
const {colorMode} = useColorMode()
if ( id === 'svgcolor' && colorMode === 'light' ) {
fill = '#2a2021' // dark ThreeFold.io color
} else if ( id === 'svgcolor' && colorMode === 'dark') {
fill = '#ffffff' // white basic color
}
return (
<div className={clsx('col col--4')}>
<div className="text--center">
<Svg className={styles.featureSvg} role="img" />
<Svg transform={"scale(" + scale + ")"} fill={fill} id={id} className={styles.featureSvg} role="img" />
</div>
<div className="text--center padding-horiz--md">
<Heading as="h3">{title}</Heading>

View File

@ -6,7 +6,7 @@
/* You can override the default Infima variables here. */
:root {
--ifm-color-primary: #2e8555;
--ifm-color-primary: #2e83ff;
--ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148;
--ifm-color-primary-darkest: #205d3b;
@ -19,7 +19,7 @@
/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
--ifm-color-primary: #25c2a0;
--ifm-color-primary: #2e83ff;
--ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588;
--ifm-color-primary-darkest: #1a8870;
@ -28,3 +28,4 @@
--ifm-color-primary-lightest: #4fddbf;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -1,36 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- License: CC Attribution. Made by Smarticons: https://github.com/frexy/glyph-iconset -->
<svg width="800px" height="800px" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="si-glyph si-glyph-network">
<title>91</title>
<defs>
</defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g fill="#434343">
<path d="M11.783,10.094 C10.084,11.092 8.017,11.778 6.105,12.044 C5.993,12.432 5.751,12.762 5.421,12.978 C5.933,14.071 6.67,15.065 7.56,15.965 C10.072,16.085 12.601,15.027 14.262,12.891 C14.291,12.853 14.317,12.811 14.345,12.772 C14.101,11.858 13.697,10.988 13.2,10.128 C13.11,10.154 13.024,10.174 12.939,10.19 C12.796,10.23 12.648,10.258 12.493,10.258 C12.238,10.258 12,10.196 11.783,10.094 L11.783,10.094 Z" class="si-glyph-fill">
</path>
<path d="M9.051,5.492 C8.409,5.025 7.735,4.607 7.047,4.236 C6.795,4.84 6.199,5.263 5.502,5.263 C5.377,5.263 5.257,5.247 5.14,5.221 C4.733,6.756 4.516,8.383 4.629,9.915 C5.393,9.973 6.011,10.532 6.149,11.269 C7.844,10.99 9.619,10.39 11.116,9.531 C10.93,9.26 10.819,8.934 10.819,8.582 C10.819,8.169 10.975,7.796 11.222,7.504 C10.568,6.768 9.833,6.061 9.051,5.492 L9.051,5.492 Z" class="si-glyph-fill">
</path>
<path d="M4,9.989 C3.863,8.355 4.104,6.597 4.541,4.957 C4.111,4.653 3.828,4.155 3.828,3.588 C3.828,3.391 3.867,3.202 3.932,3.026 C3.276,2.904 2.618,2.828 1.958,2.779 C1.869,2.883 1.773,2.983 1.689,3.093 C-0.04,5.317 -0.405,8.165 0.459,10.64 C1.23,10.969 2.025,11.187 2.856,11.306 C2.959,10.681 3.408,10.178 4,9.989 L4,9.989 Z" class="si-glyph-fill">
</path>
<path d="M13.928,9.689 C13.899,9.726 13.864,9.756 13.832,9.789 C14.265,10.525 14.631,11.271 14.885,12.057 C16.002,10.167 16.256,7.958 15.717,5.935 C15.627,6.068 15.541,6.202 15.446,6.331 C15.01,6.932 14.571,7.548 14.092,8.103 C14.137,8.255 14.168,8.414 14.168,8.582 L14.168,8.586 C14.252,8.96 14.181,9.365 13.928,9.689 L13.928,9.689 Z" class="si-glyph-fill">
</path>
<path d="M7.164,3.447 C7.963,3.861 8.748,4.345 9.494,4.887 C10.334,5.498 11.121,6.26 11.818,7.051 C12.025,6.959 12.252,6.906 12.494,6.906 C12.994,6.906 13.439,7.131 13.746,7.478 C14.15,6.986 14.529,6.456 14.907,5.938 C15.101,5.67 15.279,5.395 15.451,5.118 C14.945,3.807 14.097,2.612 12.909,1.687 C11.364,0.485 9.515,-0.057 7.701,0.012 C7.586,0.158 7.472,0.302 7.362,0.451 C6.961,1.003 6.623,1.531 6.322,2.088 C6.361,2.117 6.386,2.154 6.422,2.188 C6.839,2.464 7.119,2.922 7.164,3.447 L7.164,3.447 Z" class="si-glyph-fill">
</path>
<path d="M2.879,11.965 C2.168,11.867 1.477,11.719 0.809,11.478 C1.328,12.553 2.087,13.531 3.094,14.314 C4.16,15.143 5.371,15.657 6.615,15.875 C5.893,15.058 5.303,14.169 4.862,13.215 C4.747,13.239 4.628,13.255 4.505,13.255 C3.713,13.254 3.054,12.703 2.879,11.965 L2.879,11.965 Z" class="si-glyph-fill">
</path>
<path d="M4.514,2.242 C4.825,1.9 5.277,1.753 5.713,1.826 C6.025,1.24 6.377,0.683 6.794,0.104 C5.236,0.342 3.752,1.04 2.547,2.166 C3.137,2.232 3.723,2.306 4.308,2.418 C4.371,2.354 4.441,2.297 4.514,2.242 L4.514,2.242 Z" class="si-glyph-fill">
</path>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -0,0 +1,120 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.0, 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 391.5 287.1" style="enable-background:new 0 0 391.5 287.1;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{clip-path:url(#SVGID_3_);fill:url(#SVGID_4_);}
.st2{fill:url(#SVGID_5_);}
.st3{fill:url(#SVGID_6_);}
.st4{fill:url(#SVGID_7_);}
.st5{fill:url(#SVGID_8_);}
.st6{fill:url(#SVGID_9_);}
.st7{fill:#1D1D1B;}
</style>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6077.7998" y1="-11708.6084" x2="6083.5737" y2="-11708.6084" gradientTransform="matrix(35.3735 0 0 35.3735 -214899.1875 414340.5938)">
<stop offset="0" style="stop-color:#DB00E9"/>
<stop offset="1" style="stop-color:#15FBFF"/>
</linearGradient>
<path class="st0" d="M273.2,187.5L273.2,187.5H94.4v-41.6H297v20.2C297,178,286.3,187.5,273.2,187.5L273.2,187.5L273.2,187.5
c13.1,0,23.7-9.6,23.7-21.4v-20.2H94.4v41.6H273.2L273.2,187.5z"/>
<g>
<g>
<defs>
<path id="SVGID_2_" d="M94.4,24.9v41.6H297V46.1c0-11.8-10.6-21.2-23.5-21.2L94.4,24.9L94.4,24.9z"/>
</defs>
<clipPath id="SVGID_3_">
<use xlink:href="#SVGID_2_" style="overflow:visible;"/>
</clipPath>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="6077.0327" y1="-11711.7119" x2="6082.8047" y2="-11711.7119" gradientTransform="matrix(35.089 0 0 35.089 -213142.6563 410998.0625)">
<stop offset="0" style="stop-color:#2E3192"/>
<stop offset="9.824239e-02" style="stop-color:#372F97"/>
<stop offset="0.2567" style="stop-color:#4F29A3"/>
<stop offset="0.4558" style="stop-color:#7520B7"/>
<stop offset="0.6875" style="stop-color:#AB14D3"/>
<stop offset="0.9439" style="stop-color:#EF04F7"/>
<stop offset="1" style="stop-color:#FF00FF"/>
</linearGradient>
<rect x="94.4" y="24.9" class="st1" width="202.5" height="41.6"/>
</g>
</g>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="6038.4263" y1="-11723.8389" x2="6044.1987" y2="-11723.8389" gradientTransform="matrix(24.8071 0 0 24.8071 -149641.9375 290941.0625)">
<stop offset="0" style="stop-color:#2E3192"/>
<stop offset="9.824239e-02" style="stop-color:#372F97"/>
<stop offset="0.2567" style="stop-color:#4F29A3"/>
<stop offset="0.4558" style="stop-color:#7520B7"/>
<stop offset="0.6875" style="stop-color:#AB14D3"/>
<stop offset="0.9439" style="stop-color:#EF04F7"/>
<stop offset="1" style="stop-color:#FF00FF"/>
</linearGradient>
<rect x="153.7" y="85.4" class="st2" width="143.2" height="41.6"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="6077.0327" y1="-11708.8623" x2="6082.8047" y2="-11708.8623" gradientTransform="matrix(35.089 0 0 35.089 -213142.6563 411019.0313)">
<stop offset="0" style="stop-color:#2E3192"/>
<stop offset="9.824239e-02" style="stop-color:#372F97"/>
<stop offset="0.2567" style="stop-color:#4F29A3"/>
<stop offset="0.4558" style="stop-color:#7520B7"/>
<stop offset="0.6875" style="stop-color:#AB14D3"/>
<stop offset="0.9439" style="stop-color:#EF04F7"/>
<stop offset="1" style="stop-color:#FF00FF"/>
</linearGradient>
<rect x="94.4" y="145.8" class="st3" width="202.5" height="41.6"/>
<g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="6077.7998" y1="-11711.4365" x2="6083.5737" y2="-11711.4365" gradientTransform="matrix(35.3735 0 0 35.3735 -214899.1875 414319.6563)">
<stop offset="0" style="stop-color:#DB00E9"/>
<stop offset="1" style="stop-color:#15FBFF"/>
</linearGradient>
<path class="st4" d="M297,66.5L297,66.5H94.4V24.9h179c13.1,0,23.5,9.4,23.5,21.2V66.5L297,66.5L297,66.5V46.1
c0-11.8-10.6-21.2-23.5-21.2h-179v41.6L297,66.5L297,66.5z"/>
</g>
<g>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="6077.7998" y1="-11711.4365" x2="6083.5737" y2="-11711.4365" gradientTransform="matrix(35.3735 0 0 35.3735 -214899.1875 414319.6563)">
<stop offset="0" style="stop-color:#DB00E9"/>
<stop offset="1" style="stop-color:#15FBFF"/>
</linearGradient>
<path class="st5" d="M273.4,24.9L273.4,24.9h-179v41.6H297V46.1C297,34.5,286.5,24.9,273.4,24.9L273.4,24.9L273.4,24.9
c13.1,0,23.5,9.4,23.5,21.2v20.4H94.4V24.9H273.4L273.4,24.9z"/>
</g>
<g>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="6039.9355" y1="-11723.3252" x2="6045.7085" y2="-11723.3252" gradientTransform="matrix(25.0916 0 0 25.0916 -151398.6875 294262.9688)">
<stop offset="0" style="stop-color:#DB00E9"/>
<stop offset="1" style="stop-color:#15FBFF"/>
</linearGradient>
<polygon class="st6" points="297,127 297,127 153.7,127 153.7,85.4 297,85.4 297,127 297,127 297,127 297,85.4 153.7,85.4
153.7,127 "/>
</g>
<polygon class="st7" points="59.8,229.9 47.3,229.9 47.3,261.7 38.6,261.7 38.6,229.9 26.1,229.9 26.1,223.6 59.8,223.6 "/>
<polygon class="st7" points="101.5,223.6 101.5,261.7 92.8,261.7 92.8,245.3 74,245.3 74,261.7 65.1,261.7 65.1,223.6 74,223.6
74,239.8 92.8,239.8 92.8,223.6 "/>
<path class="st7" d="M144.5,261.9h-8c-1.5,0-2.5-0.5-3.1-1.5l-8.1-11.8c-0.3-0.5-0.7-0.8-1.2-1c-0.3-0.2-1-0.3-1.8-0.3h-3v14.6
h-8.8v-38.3h13.4c3,0,5.5,0.3,7.6,0.8c2.2,0.5,3.8,1.3,5.1,2.3c1.3,1,2.3,2.2,3,3.5c0.7,1.3,1,2.8,1,4.5c0,1.3-0.2,2.5-0.7,3.6
c-0.3,1.2-1,2.2-1.8,3.1c-0.8,1-1.7,1.8-2.8,2.5c-1.2,0.7-2.3,1.3-3.8,1.7c0.5,0.3,1.2,0.7,1.7,1c0.5,0.3,1,0.8,1.3,1.3
L144.5,261.9z M123.9,241.6c1.5,0,2.7-0.2,3.6-0.5c1-0.3,1.8-0.8,2.5-1.3s1.2-1.3,1.5-2c0.3-0.8,0.5-1.7,0.5-2.5
c0-1.8-0.7-3.1-2-4.1c-1.3-1-3.3-1.5-6.1-1.5h-4.6v12.1h4.6V241.6z"/>
<polygon class="st7" points="157.6,229.7 157.6,239.5 171.6,239.5 171.6,245.5 157.6,245.5 157.6,255.6 175.8,255.6 175.8,261.9
148.6,261.9 148.6,223.6 175.8,223.6 175.8,229.7 "/>
<polygon class="st7" points="191.2,229.7 191.2,239.5 205.5,239.5 205.5,245.5 191.2,245.5 191.2,255.6 209.4,255.6 209.4,261.9
182.4,261.9 182.4,223.6 209.4,223.6 209.4,229.7 "/>
<polygon class="st7" points="224.9,229.7 224.9,240.3 240.3,240.3 240.3,246.5 224.9,246.5 224.9,261.9 216.1,261.9 216.1,223.6
243.3,223.6 243.3,229.7 "/>
<path class="st7" d="M290,242.6c0,2.8-0.5,5.5-1.5,7.8c-1,2.3-2.5,4.5-4.5,6.1c-2,1.7-4.1,3.1-7,4.1c-2.7,1-5.6,1.5-8.9,1.5
c-3.3,0-6.3-0.5-8.9-1.5c-2.7-1-5-2.3-7-4.1c-2-1.8-3.5-3.8-4.5-6.1c-1-2.3-1.5-5-1.5-7.8c0-2.8,0.5-5.3,1.5-7.8
c1-2.3,2.5-4.5,4.5-6.1s4.1-3.1,7-4.1c2.7-1,5.6-1.5,8.9-1.5c3.3,0,6.3,0.5,8.9,1.5s5,2.3,7,4.1c2,1.8,3.3,3.8,4.5,6.1
C289.5,237.3,290,239.8,290,242.6 M281,242.6c0-2-0.3-3.8-0.8-5.5c-0.7-1.7-1.5-3-2.5-4.1c-1.2-1.2-2.5-2-4-2.5
c-1.5-0.7-3.3-0.8-5.3-0.8s-3.8,0.3-5.3,0.8c-1.7,0.7-3,1.5-4,2.5c-1.2,1.2-2,2.5-2.5,4.1c-0.7,1.7-0.8,3.3-0.8,5.5
c0,2,0.3,3.8,0.8,5.5c0.7,1.7,1.5,3,2.5,4c1.2,1.2,2.5,2,4,2.5c1.7,0.7,3.3,0.8,5.3,0.8s3.8-0.3,5.3-0.8c1.7-0.7,3-1.5,4-2.5
c1.2-1.2,2-2.5,2.5-4C280.7,246.5,281,244.6,281,242.6"/>
<polygon class="st7" points="321.8,255.4 321.8,261.9 296.5,261.9 296.5,223.6 305.2,223.6 305.2,255.4 "/>
<path class="st7" d="M365.4,242.6c0,2.8-0.5,5.3-1.5,7.8c-1,2.3-2.5,4.3-4.5,6c-2,1.7-4.1,3-7,4c-2.7,1-5.6,1.5-8.9,1.5h-16.4
v-38.3h16.4c3.3,0,6.3,0.5,8.9,1.5s5,2.3,7,4c2,1.7,3.3,3.6,4.5,6.1C364.9,237.3,365.4,239.8,365.4,242.6 M356.3,242.6
c0-2-0.3-3.8-0.8-5.5c-0.7-1.7-1.5-3-2.5-4.1c-1.2-1.2-2.5-2-4-2.5c-1.7-0.7-3.3-0.8-5.3-0.8h-7.5v25.9h7.5c2,0,3.8-0.3,5.3-0.8
c1.7-0.7,3-1.5,4-2.5c1.2-1.2,2-2.5,2.5-4.1C356,246.5,356.3,244.6,356.3,242.6"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.5 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -1,7 +1,2 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="System / Desktop_Tower">
<path id="Vector" d="M10 20H7M18 17H16M13.0002 9H6.2002C5.08009 9 4.51962 9 4.0918 9.21799C3.71547 9.40973 3.40973 9.71547 3.21799 10.0918C3 10.5196 3 11.0801 3 12.2002V13.8002C3 14.9203 3 15.4796 3.21799 15.9074C3.40973 16.2837 3.71547 16.5905 4.0918 16.7822C4.5192 17 5.07899 17 6.19691 17H13.0001M13.0002 9L13 16.8002C13 16.8689 13 16.9354 13.0001 17M13.0002 9L13 7.2002C13 6.08009 13 5.51962 13.218 5.0918C13.4097 4.71547 13.7155 4.40973 14.0918 4.21799C14.5196 4 15.0801 4 16.2002 4H17.8002C18.9203 4 19.4796 4 19.9074 4.21799C20.2837 4.40973 20.5905 4.71547 20.7822 5.0918C21 5.5192 21 6.07899 21 7.19691V16.8031C21 17.921 21 18.48 20.7822 18.9074C20.5905 19.2837 20.2837 19.5905 19.9074 19.7822C19.48 20 18.921 20 17.8031 20H16.1969C15.079 20 14.5192 20 14.0918 19.7822C13.7155 19.5905 13.4097 19.2837 13.218 18.9074C13.0134 18.5058 13.0008 17.9884 13.0001 17M17.002 7V7.002L17 7.00195V7H17.002Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
<?xml version="1.0" ?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 100 100" data-name="Layer 1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"><title/><path d="M76.09,53.55H68.93v-12a2,2,0,1,0-4,0v12H23.88A5.89,5.89,0,0,0,18,59.43V72.3a5.88,5.88,0,0,0,5.88,5.87H76.09A5.87,5.87,0,0,0,82,72.3V59.43A5.88,5.88,0,0,0,76.09,53.55ZM78,72.3a1.87,1.87,0,0,1-1.87,1.87H23.88A1.88,1.88,0,0,1,22,72.3V59.43a1.88,1.88,0,0,1,1.88-1.88H76.09A1.88,1.88,0,0,1,78,59.43ZM52.44,30.66a2,2,0,0,1,0-2.83,20.48,20.48,0,0,1,29,0,2,2,0,0,1-2.82,2.83,16.49,16.49,0,0,0-23.32,0,2,2,0,0,1-2.83,0ZM66.93,30a11.2,11.2,0,0,1,7.95,3.29,2,2,0,1,1-2.83,2.83,7.24,7.24,0,0,0-10.24,0,2,2,0,0,1-1.42.58A2,2,0,0,1,59,36.11a2,2,0,0,1,0-2.83A11.16,11.16,0,0,1,66.93,30ZM31.72,63.85V67.4a2,2,0,0,1-4,0V63.85a2,2,0,1,1,4,0Zm11.61,0V67.4a2,2,0,0,1-4,0V63.85a2,2,0,0,1,4,0Z"/></svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 939 B

View File

@ -1,2 +1,2 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" id="reward" class="icon glyph"><path d="M15.34,17.44a4.85,4.85,0,0,0,.72-.71,3.08,3.08,0,0,1,.48-.48,2.86,2.86,0,0,1,.61-.31,6.64,6.64,0,0,0,1-.49,2.35,2.35,0,0,0,.6-.58,3.25,3.25,0,0,0,.52-1.61h0c0-.06,0-.11,0-.17a3.65,3.65,0,0,1,.1-.69,4.31,4.31,0,0,1,.31-.59,3.48,3.48,0,0,0,.63-1.8,3.48,3.48,0,0,0-.63-1.8,4.31,4.31,0,0,1-.31-.59,3.65,3.65,0,0,1-.1-.69,3.55,3.55,0,0,0-.54-1.79,3.51,3.51,0,0,0-1.55-1.07,2.86,2.86,0,0,1-.61-.31,3.59,3.59,0,0,1-.48-.48,3.52,3.52,0,0,0-1.5-1.15,3.47,3.47,0,0,0-1.85,0,3.1,3.1,0,0,1-1.42,0,3.47,3.47,0,0,0-1.85,0,3.52,3.52,0,0,0-1.5,1.15,3.08,3.08,0,0,1-.48.48,2.86,2.86,0,0,1-.61.31A3.51,3.51,0,0,0,5.3,5.13a3.55,3.55,0,0,0-.54,1.79,3.65,3.65,0,0,1-.1.69,4.31,4.31,0,0,1-.31.59A3.48,3.48,0,0,0,3.72,10a3.48,3.48,0,0,0,.63,1.8,4.31,4.31,0,0,1,.31.59,3.65,3.65,0,0,1,.1.69c0,.05,0,.11,0,.17a3.28,3.28,0,0,0,.52,1.62,2.35,2.35,0,0,0,.6.58,6.64,6.64,0,0,0,.95.49,2.86,2.86,0,0,1,.61.31,3.59,3.59,0,0,1,.48.48,4.85,4.85,0,0,0,.72.71,2.29,2.29,0,0,0,.78.44,2.76,2.76,0,0,0,1.2.08,5.74,5.74,0,0,0,.65-.13,3.1,3.1,0,0,1,1.42,0,5.74,5.74,0,0,0,.65.13h0a3.29,3.29,0,0,0,.45,0,2.42,2.42,0,0,0,.74-.11A2.29,2.29,0,0,0,15.34,17.44ZM12,14a4,4,0,1,1,4-4A4,4,0,0,1,12,14ZM9.14,18.84a3.59,3.59,0,0,0,1,.14L8.89,21.45a1,1,0,0,1-.74.54H8a1,1,0,0,1-.72-.3L5.6,20,3,20a1.11,1.11,0,0,1-.86-.47,1,1,0,0,1,0-1l2-3.88a3.26,3.26,0,0,0,.41.78,3.67,3.67,0,0,0,.87.84,9,9,0,0,0,1.11.57c.08,0,.32.14.42.2s.18.19.3.32A5.85,5.85,0,0,0,8,18.2,3.39,3.39,0,0,0,9.14,18.84Zm12.71.69A1.05,1.05,0,0,1,21,20L18.4,20,16.72,21.7A1,1,0,0,1,16,22h-.15a1,1,0,0,1-.74-.54L13.88,19a3.54,3.54,0,0,0,1-.16,3.13,3.13,0,0,0,1.07-.59,6,6,0,0,0,.88-.86,2,2,0,0,1,.33-.34l.44-.2a8.68,8.68,0,0,0,1.07-.56,3.5,3.5,0,0,0,.85-.82,3.24,3.24,0,0,0,.42-.8l2,3.89A1,1,0,0,1,21.85,19.53Z" style="fill:#231f20"></path></svg>
<svg width="800px" height="800px" viewBox="0 0 24 24" fill="#000000" xmlns="http://www.w3.org/2000/svg" id="reward" class="icon glyph"><path d="M15.34,17.44a4.85,4.85,0,0,0,.72-.71,3.08,3.08,0,0,1,.48-.48,2.86,2.86,0,0,1,.61-.31,6.64,6.64,0,0,0,1-.49,2.35,2.35,0,0,0,.6-.58,3.25,3.25,0,0,0,.52-1.61h0c0-.06,0-.11,0-.17a3.65,3.65,0,0,1,.1-.69,4.31,4.31,0,0,1,.31-.59,3.48,3.48,0,0,0,.63-1.8,3.48,3.48,0,0,0-.63-1.8,4.31,4.31,0,0,1-.31-.59,3.65,3.65,0,0,1-.1-.69,3.55,3.55,0,0,0-.54-1.79,3.51,3.51,0,0,0-1.55-1.07,2.86,2.86,0,0,1-.61-.31,3.59,3.59,0,0,1-.48-.48,3.52,3.52,0,0,0-1.5-1.15,3.47,3.47,0,0,0-1.85,0,3.1,3.1,0,0,1-1.42,0,3.47,3.47,0,0,0-1.85,0,3.52,3.52,0,0,0-1.5,1.15,3.08,3.08,0,0,1-.48.48,2.86,2.86,0,0,1-.61.31A3.51,3.51,0,0,0,5.3,5.13a3.55,3.55,0,0,0-.54,1.79,3.65,3.65,0,0,1-.1.69,4.31,4.31,0,0,1-.31.59A3.48,3.48,0,0,0,3.72,10a3.48,3.48,0,0,0,.63,1.8,4.31,4.31,0,0,1,.31.59,3.65,3.65,0,0,1,.1.69c0,.05,0,.11,0,.17a3.28,3.28,0,0,0,.52,1.62,2.35,2.35,0,0,0,.6.58,6.64,6.64,0,0,0,.95.49,2.86,2.86,0,0,1,.61.31,3.59,3.59,0,0,1,.48.48,4.85,4.85,0,0,0,.72.71,2.29,2.29,0,0,0,.78.44,2.76,2.76,0,0,0,1.2.08,5.74,5.74,0,0,0,.65-.13,3.1,3.1,0,0,1,1.42,0,5.74,5.74,0,0,0,.65.13h0a3.29,3.29,0,0,0,.45,0,2.42,2.42,0,0,0,.74-.11A2.29,2.29,0,0,0,15.34,17.44ZM12,14a4,4,0,1,1,4-4A4,4,0,0,1,12,14ZM9.14,18.84a3.59,3.59,0,0,0,1,.14L8.89,21.45a1,1,0,0,1-.74.54H8a1,1,0,0,1-.72-.3L5.6,20,3,20a1.11,1.11,0,0,1-.86-.47,1,1,0,0,1,0-1l2-3.88a3.26,3.26,0,0,0,.41.78,3.67,3.67,0,0,0,.87.84,9,9,0,0,0,1.11.57c.08,0,.32.14.42.2s.18.19.3.32A5.85,5.85,0,0,0,8,18.2,3.39,3.39,0,0,0,9.14,18.84Zm12.71.69A1.05,1.05,0,0,1,21,20L18.4,20,16.72,21.7A1,1,0,0,1,16,22h-.15a1,1,0,0,1-.74-.54L13.88,19a3.54,3.54,0,0,0,1-.16,3.13,3.13,0,0,0,1.07-.59,6,6,0,0,0,.88-.86,2,2,0,0,1,.33-.34l.44-.2a8.68,8.68,0,0,0,1.07-.56,3.5,3.5,0,0,0,.85-.82,3.24,3.24,0,0,0,.42-.8l2,3.89A1,1,0,0,1,21.85,19.53Z"></path></svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB