Portfolio · Eigen werk

Een thema om in te werken.

Op deze pagina twee kleurthema's voor Visual Studio Code, een programma om code in te schrijven en bewerken. Er zijn twee thema's, licht en donker, die ik ontwierp en publiceerde voor anderen om te downloaden. Gemaakt omdat ik veel werk in het programma om te coderen, en al het neon wat er beschikbaar was niet mooi vond. Daarnaast is dit vrouwelijker, en rustiger voor de ogen.

index.html

1<!DOCTYPE html>
2<html lang="nl">
3<head>
4  <meta charset="UTF-8" />
5  <link rel="stylesheet" href="styles.css" />
6  <title>Dusty Rose</title>
7</head>
8<body>
9  <main>
10    <!-- Een rustige plek om te beginnen -->
11    <h1>Goedemorgen</h1>
12  </main>
13</body>
14</html>

01. Waarom

De meeste thema's voor code zijn hard: veel contrast, felle kleuren, alles schreeuwt even hard. Wie net begint, ziet dan vooral kleur en nog niet de structuur.

Dusty Rose doet het andersom. Gedempte rozetinten, een warme achtergrond, en net genoeg verschil om te lezen wat wat is.

Dusty Rose Dark
Dusty Rose Light

02. Het beeldmerk

Een roos tussen twee codehaken: het thema en waar het voor is, in één teken.

Het is één tekening in twee kleurstellingen. Zo herken je meteen dat de twee bij elkaar horen.

03. Twee paletten, één familie

Beide thema's delen hun rozetinten: Dusty Rose, Smoky Rose, Terracotta Clay en Espresso zitten in allebei. Linen, de achtergrond van het lichte thema, is de tekstkleur van het donkere.

Dusty Rose Dark