davejansen/snikket-web-portal
1
0
Fork 0
Code Issues Pull Requests Activity

Tweak colours slightly

Browse Source 
- Make them warmer overall
- Fix tone in the upper yellows
This commit is contained in:
Jonas Schäfer
2021-01-28 17:23:50 +01:00
parent d5ad562d2c
commit 16da296f79
2 changed files with 369 additions and 434 deletions
Download Patch File Download Diff File Expand all files Collapse all files

761
docs/colours.svg
View File

@@ -1,6 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg <svg
xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#" xmlns:cc="http://creativecommons.org/ns#"
@@ -9,426 +7,363 @@
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="334mm"
height="154mm"
viewBox="0 0 334 154"
version="1.1" version="1.1"
id="svg8" id="svg1424"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)" sodipodi:docname="out.svg"
sodipodi:docname="colours.svg" inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
inkscape:export-filename="/home/horazont/tmp/colours.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.4"
inkscape:cx="642.84838"
inkscape:cy="251.88403"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="2560"
inkscape:window-height="1401"
inkscape:window-x="0"
inkscape:window-y="39"
inkscape:window-maximized="0"
fit-margin-top="5"
fit-margin-left="5"
fit-margin-right="5"
fit-margin-bottom="5" />
<metadata <metadata
id="metadata5"> id="metadata1430">
<rdf:RDF> <rdf:RDF>
<cc:Work <cc:Work
rdf:about=""> rdf:about="">
<dc:format>image/svg+xml</dc:format> <dc:format>image/svg+xml</dc:format>
<dc:type <dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work> </cc:Work>
</rdf:RDF> </rdf:RDF>
</metadata> </metadata>
<g <defs
inkscape:label="Layer 1" id="defs1428" />
inkscape:groupmode="layer" <sodipodi:namedview
id="layer1" pagecolor="#ffffff"
transform="translate(65,-148)"> bordercolor="#666666"
<rect borderopacity="1"
style="opacity:1;fill:#418fc7;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" objecttolerance="10"
id="rect4759" gridtolerance="10"
width="24" guidetolerance="10"
height="24" inkscape:pageopacity="0"
x="120" inkscape:pageshadow="2"
y="273" /> inkscape:window-width="2560"
<rect inkscape:window-height="1401"
y="273" id="namedview1426"
x="-2.7815501e-08" showgrid="false"
height="24" inkscape:zoom="3.9666667"
width="24" inkscape:cx="123.61033"
id="rect9362" inkscape:cy="67.707413"
style="opacity:1;fill:#062943;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> inkscape:window-x="0"
<rect inkscape:window-y="39"
y="273" inkscape:window-maximized="0"
x="240" inkscape:current-layer="svg1424" />
height="24" <rect
width="24" style="fill: #000000;"
id="rect9364" width="310"
style="opacity:1;fill:#e4f3fd;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="240"
<rect x="-25"
y="273" y="-25"
x="60" id="rect1332" />
height="24" <rect
width="24" style="fill: #1f1b17;"
id="rect9366" width="20"
style="opacity:1;fill:#0e4c76;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="0"
style="opacity:1;fill:#9dccf0;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="0"
id="rect9368" id="rect1334" />
width="24" <rect
height="24" style="fill: #3d3833;"
x="180" width="20"
y="273" /> height="20"
<rect x="30"
style="opacity:1;fill:#0f3d62;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="0"
id="rect9370" id="rect1336" />
width="24" <rect
height="24" style="fill: #4e4a46;"
x="30" width="20"
y="273" /> height="20"
<rect x="60"
y="273" y="0"
x="90" id="rect1338" />
height="24" <rect
width="24" style="fill: #706965;"
id="rect9372" width="20"
style="opacity:1;fill:#226494;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="90"
y="273" y="0"
x="150" id="rect1340" />
height="24" <rect
width="24" style="fill: #8f8983;"
id="rect9376" width="20"
style="opacity:1;fill:#72b2e3;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="120"
y="273" y="0"
x="210" id="rect1342" />
height="24" <rect
width="24" style="fill: #b1aca6;"
id="rect9378" width="20"
style="opacity:1;fill:#b5d8f3;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="150"
y="243" y="0"
x="120" id="rect1344" />
height="24" <rect
width="24" style="fill: #cac3bd;"
id="rect9380" width="20"
style="opacity:1;fill:#c95e40;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="180"
style="opacity:1;fill:#340e03;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="0"
id="rect9382" id="rect1346" />
width="24" <rect
height="24" style="fill: #e3e1df;"
x="0" width="20"
y="243" /> height="20"
<rect x="210"
style="opacity:1;fill:#fef1ed;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="0"
id="rect9384" id="rect1348" />
width="24" <rect
height="24" style="fill: #f6f5f4;"
x="240" width="20"
y="243" /> height="20"
<rect x="240"
style="opacity:1;fill:#e2b00c;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="0"
id="rect9436" id="rect1350" />
width="24" <rect
height="24" style="fill:#062243;fill-opacity:1"
x="120" width="20"
y="213" /> height="20"
<rect x="0"
style="opacity:1;fill:#f2ac99;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="40"
id="rect9454" id="rect1352" />
width="24" <rect
height="24" style="fill:#0f3462;fill-opacity:1"
x="180" width="20"
y="243" /> height="20"
<rect x="30"
y="243" y="40"
x="210" id="rect1354" />
height="24" <rect
width="24" style="fill:#0e4276;fill-opacity:1"
id="rect9456" width="20"
style="opacity:1;fill:#fbc2b3;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="60"
y="243" y="40"
x="150" id="rect1356" />
height="24" <rect
width="24" style="fill:#225994;fill-opacity:1"
id="rect9458" width="20"
style="opacity:1;fill:#ed947c;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="90"
style="opacity:1;fill:#883017;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="40"
id="rect9460" id="rect1358" />
width="24" <rect
height="24" style="fill:#4182c7;fill-opacity:1"
x="60" width="20"
y="243" /> height="20"
<rect x="120"
y="243" y="40"
x="30" id="rect1360" />
height="24" <rect
width="24" style="fill:#72a7e3;fill-opacity:1"
id="rect9462" width="20"
style="opacity:1;fill:#681f0b;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="150"
y="243" y="40"
x="90" id="rect1362" />
height="24" <rect
width="24" style="fill:#9dc4f0;fill-opacity:1"
id="rect9464" width="20"
style="opacity:1;fill:#a33d21;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="180"
y="183" y="40"
x="120" id="rect1364" />
height="24" <rect
width="24" style="fill:#b5d2f3;fill-opacity:1"
id="rect9466" width="20"
style="opacity:1;fill:#55c644;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="210"
y="213" y="40"
x="240" id="rect1366" />
height="24" <rect
width="24" style="fill:#e4f0fd;fill-opacity:1"
id="rect9484" width="20"
style="opacity:1;fill:#fffcf0;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="240"
y="213" y="40"
x="0" id="rect1368" />
height="24" <rect
width="24" style="fill: #340e03;"
id="rect9486" width="20"
style="opacity:1;fill:#302100;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="0"
y="213" y="80"
x="60" id="rect1370" />
height="24" <rect
width="24" style="fill: #681f0b;"
id="rect9488" width="20"
style="opacity:1;fill:#886600;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="30"
style="opacity:1;fill:#563600;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="80"
id="rect9490" id="rect1372" />
width="24" <rect
height="24" style="fill: #883017;"
x="30" width="20"
y="213" /> height="20"
<rect x="60"
y="213" y="80"
x="90" id="rect1374" />
height="24" <rect
width="24" style="fill: #a33d21;"
id="rect9494" width="20"
style="opacity:1;fill:#b98601;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="90"
y="213" y="80"
x="180" id="rect1376" />
height="24" <rect
width="24" style="fill: #c95e40;"
id="rect9496" width="20"
style="opacity:1;fill:#feed93;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="120"
y="213" y="80"
x="150" id="rect1378" />
height="24" <rect
width="24" style="fill: #ed947c;"
id="rect9500" width="20"
style="opacity:1;fill:#fde58a;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="150"
style="opacity:1;fill:#fff7c2;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="80"
id="rect9502" id="rect1380" />
width="24" <rect
height="24" style="fill: #f2ac99;"
x="210" width="20"
y="213" /> height="20"
<rect x="180"
style="opacity:1;fill:#8f8983;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="80"
id="rect9504" id="rect1382" />
width="24" <rect
height="24" style="fill: #fbc2b3;"
x="120" width="20"
y="153" /> height="20"
<rect x="210"
y="153" y="80"
x="0" id="rect1384" />
height="24" <rect
width="24" style="fill: #fef1ed;"
id="rect9506" width="20"
style="opacity:1;fill:#1f1b17;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="240"
y="153" y="80"
x="240" id="rect1386" />
height="24" <rect
width="24" style="fill: #302100;"
id="rect9508" width="20"
style="opacity:1;fill:#f6f5f4;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="0"
y="153" y="120"
x="180" id="rect1388" />
height="24" <rect
width="24" style="fill: #563600;"
id="rect9510" width="20"
style="opacity:1;fill:#cac3bd;fill-opacity:0.98872178;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="30"
style="opacity:1;fill:#e3e1df;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="120"
id="rect9512" id="rect1390" />
width="24" <rect
height="24" style="fill: #795b00;"
x="210" width="20"
y="153" /> height="20"
<rect x="60"
style="opacity:1;fill:#4e4a46;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="120"
id="rect9514" id="rect1392" />
width="24" <rect
height="24" style="fill: #a07501;"
x="60" width="20"
y="153" /> height="20"
<rect x="90"
y="153" y="120"
x="30" id="rect1394" />
height="24" <rect
width="24" style="fill: #c79b0e;"
id="rect9516" width="20"
style="opacity:1;fill:#3d3833;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="120"
style="opacity:1;fill:#706965;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="120"
id="rect9518" id="rect1396" />
width="24" <rect
height="24" style="fill: #f4ce3f;"
x="90" width="20"
y="153" /> height="20"
<rect x="150"
y="153" y="120"
x="150" id="rect1398" />
height="24" <rect
width="24" style="fill:#fee577;fill-opacity:1"
id="rect9520" width="20"
style="opacity:1;fill:#b1aca6;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="180"
style="opacity:1;fill:#ecfbe6;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="120"
id="rect9522" id="rect1400" />
width="24" <rect
height="24" style="fill:#fef1c1;fill-opacity:1"
x="240" width="20"
y="183" /> height="20"
<rect x="210"
style="opacity:1;fill:#052f03;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="120"
id="rect9524" id="rect1402" />
width="24" <rect
height="24" style="fill:#fff8e8;fill-opacity:1"
x="0" width="20"
y="183" /> height="20"
<rect x="240"
style="opacity:1;fill:#197713;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="120"
id="rect9526" id="rect1404" />
width="24" <rect
height="24" style="fill:#172f03;fill-opacity:1"
x="60" width="20"
y="183" /> height="20"
<rect x="0"
y="183" y="160"
x="30" id="rect1406" />
height="24" <rect
width="24" style="fill:#244608;fill-opacity:1"
id="rect9528" width="20"
style="opacity:1;fill:#0c4608;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="30"
y="183" y="160"
x="90" id="rect1408" />
height="24" <rect
width="24" style="fill:#407713;fill-opacity:1"
id="rect9530" width="20"
style="opacity:1;fill:#218a1b;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<rect x="60"
style="opacity:1;fill:#abed9c;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="160"
id="rect9532" id="rect1410" />
width="24" <rect
height="24" style="fill:#548f19;fill-opacity:1"
x="180" width="20"
y="183" /> height="20"
<rect x="90"
style="opacity:1;fill:#81e06e;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" y="160"
id="rect9536" id="rect1412" />
width="24" <rect
height="24" style="fill:#7fc644;fill-opacity:1"
x="150" width="20"
y="183" /> height="20"
<rect x="120"
y="183" y="160"
x="210" id="rect1414" />
height="24" <rect
width="24" style="fill:#a1e06e;fill-opacity:1"
id="rect9538" width="20"
style="opacity:1;fill:#cef6c5;fill-opacity:1;stroke:none;stroke-width:0.32483485;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> height="20"
<text x="150"
xml:space="preserve" y="160"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.69999981px;line-height:1em;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans';text-align:end;letter-spacing:0px;word-spacing:0px;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" id="rect1416" />
x="-3.4391122" <rect
y="170.58151" style="fill:#c0ed9c;fill-opacity:1"
id="text9546"><tspan width="20"
sodipodi:role="line" height="20"
id="tspan9544" x="180"
x="-3.4391129" y="160"
y="170.58151" id="rect1418" />
style="stroke-width:0.26458332px">Grayscale</tspan></text> <rect
<text style="fill:#dbf6c5;fill-opacity:1"
xml:space="preserve" width="20"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.69999981px;line-height:1em;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans';text-align:end;letter-spacing:0px;word-spacing:0px;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" height="20"
x="-12.554834" x="210"
y="200.5157" y="160"
id="text9550"><tspan id="rect1420" />
sodipodi:role="line" <rect
id="tspan9548" style="fill:#effbe6;fill-opacity:1"
x="-12.554835" width="20"
y="200.5157" height="20"
style="stroke-width:0.26458332px">Success</tspan></text> x="240"
<text y="160"
xml:space="preserve" id="rect1422" />
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.69999981px;line-height:1em;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans';text-align:end;letter-spacing:0px;word-spacing:0px;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="-21.180664"
y="230.71715"
id="text9554"><tspan
sodipodi:role="line"
id="tspan9552"
x="-21.180664"
y="230.71715"
style="stroke-width:0.26458332px">Accent</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.69999981px;line-height:1em;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans';text-align:end;letter-spacing:0px;word-spacing:0px;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="-33.880665"
y="261.45316"
id="text9558"><tspan
sodipodi:role="line"
id="tspan9556"
x="-33.880665"
y="261.45316"
style="stroke-width:0.26458332px">Alert</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.69999981px;line-height:1em;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans';text-align:end;letter-spacing:0px;word-spacing:0px;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="-17.236719"
y="290.85278"
id="text9562"><tspan
sodipodi:role="line"
id="tspan9560"
x="-17.236719"
y="290.85278"
style="stroke-width:0.26458332px">Primary</tspan></text>
</g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

42
snikket_web/scss/_theme.scss
View File

@@ -11,15 +11,15 @@ $colours: (
#f6f5f4 #f6f5f4
], ],
"blue": [ "blue": [
#062943, #062243,
#0f3d62, #0f3462,
#0e4c76, #0e4276,
#226494, #225994,
#418fc7, #4182c7,
#72b2e3, #72a7e3,
#9dccf0, #9dc4f0,
#b5d8f3, #b5d2f3,
#e4f3fd #e4f0fd
], ],
"red": [ "red": [
#340e03, #340e03,
@@ -39,20 +39,20 @@ $colours: (
#a07501, #a07501,
#c79b0e, #c79b0e,
#f4ce3f, #f4ce3f,
#feed93, #fee577,
#fef6c1, #fef1c1,
#fffbe8 #fff8e8
], ],
"green": [ "green": [
#052f03, #172f03,
#0c4608, #244608,
#197713, #407713,
#218a1b, #548f19,
#55c644, #7fc644,
#81e06e, #a1e06e,
#abed9c, #c0ed9c,
#cef6c5, #dbf6c5,
#ecfbe6 #effbe6
] ]
); );