gemini - kennedy.gemi.dev

💾 Archived View for tommi.space › Colors.gmi captured on 2023-01-29 at 03:14:59. Gemini links have been rewritten to link to archived content

View Raw

More Information

-=-=-=-=-=-=-

tommi.space

tommi.space palette

tommi.space

palette

<ul class='three'>
<li><code style='background:#111;color:#FFF'>#111</code> deep</li>
<li><code style='background:#222;color:#FFF'>#222</code> main background color</li>
<li><code style='background:#555;color:#FFF'>#555</code></li>
<li><code style='background:#AAA;color:#000'>#AAA</code></li>
<li><code style='background:#E0E0E0;color:#222'>#E0E0E0</code> main text color</li>
<li><strong><code style='background:#FCC920;color:#222'>#FCC920</code></strong> primary color</li>
<li><code style='background:#3185FC;color:#FFF'>#3185FC</code></li>
<li><code style='background:#EC0868;color:#FFF'>#EC0868</code> <cite><a href='https://en.wikipedia.org/wiki/Razzmatazz_(song)' target='_blank' title='Razzmatazz on Wikipedia'>Razzmatazz</a></cite></li>
<li><code style='background:#D00;color:#FFF'>#D00</code> warning red</li>
<li><code style='background:#32CD32;color:#222'>limegreen</code> (<code>#3185FC</code>)</li>
<li><code style='background:#20CE88;color:#222'>#20CE88</code> geek green</li>
</ul>

<br>

tommi.space Syntax Highlight

This website’s code snippets use a custom made syntax highlight; its source is here.

here

<br>
<br>

Scambi

The main colors of Scambi Festival’s website

The main colors

Scambi Festival’s website

<br>
<br>

{% comment %}

pise-notes.club

[pise-notes.club]’s theme colors. Source SCSS file.

SCSS file

<div class='yellow box'>
The website is currently offline since our faculty supervisor asked me to close it.
</div>

<ul class='three'>
<li><code style='background:#FFF;color:#111'>#FFFFFF</code></li>
<li><code style='background:#F3F7D9;color:#111'>#F3F7D9</code></li>
<li><code style='background:#C8CBB2;color:#111'>#C8CBB2</code></li>
<li><code style='background:#86BBD8;color:#111'>#86BBD8</code></li>
<li><code style='background:#86BBD822;color:var(--text)'>#86BBD822</code></li>
<li><code style='background:#33658A;color:#FFF'>#33658A</code></li>
<li><code style='background:#F26419;color:#FFF'>#F26419</code></li>
<li><code style='background:#0002;color:var(--text)'>#0000022</code></li>
<li><code style='background:#0009;color:#FFF'>#00000099</code></li>
<li><code style='background:#371350;color:#FFF'>#371350</code></li>
<li><code style='background:#222;color:#FFF'>#222222</code></li>
</ul>

<br>
<br>
{% endcomment %}

quitsocialmedia.club

quitsocialmedia.club’s CSS palette

quitsocialmedia.club

CSS palette

<ul class='two'>
<li><code style='background:#F1FAEE;color:#1D3557'>#F1FAEE</code></li>
<li><code style='background:#A8DADC;color:#1D3557'>#A8DADC</code></li>
<li><code style='background:#1D3557;color:#F1FAEE'>#1D3557</code></li>
<li><code style='background:#E63946;color:#F1FAEE'>#1D3557</code></li>
</ul>

<br>
<br>

Dark and green website

Color scheme for Philosophy & Engineering blog.

Philosophy & Engineering

<ul class='three'>
<li><code style='background:#000;color:#EEE'>#000</code></li>
<li><code style='background:#444;color:#FFF'>#444</code></li>
<li><code style='background:#F3F3F3;color:#000'>#F3F3F3</code></li>
<li><code style='background:#77CEAB;color:#000'>#77CEAB</code></li>
<li><code style='background:#20CE88;color:#000'>#20CE88</code></li>
<li><code style='background:#2D8362;color:#FFF'>#2D8362</code></li>
<li><code style='background:#F41C73;color:#FFF'>#F41C73</code></li>
<li><code style='background:#CE2066;color:#FFF'>#CE2066</code></li>
</ul>

<br>
<br>

Red

Ah, red, what a color. It is so wonderful I have to keep note of all the nice shades of it I lay my eye upon. Also, I have a great passion for red tending towards magenta.

<ul class='two'>
<li><code style='background:#FF0000;color:#FFF'>FF0000</code>, FULL, <strong>strong</strong>, total red</li>
<li><code style='background:#EC0868;color:#FFF'>#EC0868</code> <cite><a href='https://en.wikipedia.org/wiki/Razzmatazz_(song)' target='_blank' title='Razzmatazz on Wikipedia'>Razzmatazz</a></cite></li>
<li><code style='background:#9A031E;color:#FFF'>#9A031E</code>, ruby red</li>
<li><code style='background:#D00;color:#FFF'>#D00</code>, dosso corsa</li>
<li><code style='background:#DF2935;color:#FFF'>#DF2935</code>, Rose Madder</li>
<li><code style='background:#D7263D;color:#FFF'>#D7263D</code>, Crimson</li>
<li><code style='background:#E63946;color:#FFF'>#E63946</code>, <a href='#quitsocialmediaclub' title='quitsocialmedia.club palette'>Quit Social Media</a>) red</li>
<li><code style='background:#AC0033;color:#FFF'>#AC0033</code>, always <a href='https://unive.it' target='_blank' title='Ca’Foscari University'>Ca’Foscari University</a>’s main theme color, but <a href='view-source:https://www.unive.it/#line32'  target='_blank' title='Link to Ca’Foscari website source code'>picked from the university website’s source code</a></li>
<li><code style='background:#AF0539;color:#FFF'>#AF0539</code>, <a href='https://unive.it' target='_blank' title='Ca’Foscari University'>Ca’Foscari University</a>’s main theme color, picked from the SVG of <a href="https://en.wikipedia.org/wiki/Ca'_Foscari_University_of_Venice#/media/File:Logo_Università_Ca'_Foscari_Venezia.svg" title="Logo dell’Università Ca’ Foscari di Venezia">University logo</a></li>
</ul>

<br>
<br>

Syntax highlight

Monokai Pro inspired sintax highlight, which does not correspond to this website code snippets’ syntax

Monokai Pro

<ul class='three'>
<li><code style='background:#2C292D;color:#FFF'>#2C292D</code></li>
<li><code style='background:#FF1688;color:#FFF'>#FF1688</code></li>
<li><code style='background:#FC9867;color:#222'>#FC9867</code></li>
<li><code style='background:#FFD866;color:#222'>#FFD866</code></li>
<li><code style='background:#A9DC76;color:#222'>#A9DC76</code></li>
<li><code style='background:#8DD8EF;color:#222'>#8DD8EF</code></li>
<li><code style='background:#AB9DF2;color:#222'>#AB9DF2</code></li>
</ul>

<br>
<br>

Dark app palette

MacOS dark theme system background colors. The accent colors can be found here.

here

<ul class='two'>
<li><code style='background:#1E1E1E;color:#FFF'>#1E1E1E</code> darker background for alternate rows</li>
<li><code style='background:#292929;color:#FFF'>#292929</code> lighter background for alternate rows</li>
<li><code style='background:#333;color:#FFF'>#333</code></li>
<li><code style='background:#656565;color:#FFF'>#656565</code> light gray for selection</li>
<li><code style='background:#ED655A;color:#FFF'>#ED655A</code> close</li>
<li><code style='background:#FCC04C;color:#111'>#FCC04C</code> minimize </li>
<li><code style='background:#72BE47;color:#111'>#72BE47</code> expand</li>
</ul>

<br>
<br>

Other palettes

Persistence, a wonderful green gradient palette

<br>
<br>

Persistence

Various

<ul>
<li><code style='background:#451960;color:#FFF'>#451960</code></li>
<li><code style='background:#F28F3B;color:#451960'>#F28F3B</code></li>
</ul>

<br>
<br>

Generators

Color palettes generators

Colormind
Coolors

[pise-notes.club]: https://pise-notes.club 'PISE Notes'

Colormind

Coolors

https://pise-notes.club