From c227f2538c93bef6f3913d9ff504b5a05194e1ae Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 27 Oct 2020 19:09:50 +0100 Subject: [PATCH] docs: improve readability for colors details --- README.md | 40 +++++++++++++++++++--------------------- 1 file changed, 19 insertions(+), 21 deletions(-) diff --git a/README.md b/README.md index e19f56e..6dcedef 100644 --- a/README.md +++ b/README.md @@ -31,13 +31,9 @@ Coldark consists of three color pallets. The first is common to both versions. T ## Colors in detail -I tried to keep the same descriptions for both versions. However, for complex themes like VS Code, it doesn't work. So I separated the descriptions into 3 sections: +I tried to keep the same descriptions for both versions. However, for complex themes like VS Code, it doesn't work. So I separated the descriptions into 2 sections. -- Light Theme (Cold): User interface -- Dark Theme (Dark): User interface -- Syntax Highlighting and some UI elements common to both versions - -### Light Theme - UI +### Light Theme | Hex Code | Preview | Description | Denomination | | :-: | :-: | --- | :-: | @@ -49,8 +45,16 @@ I tried to keep the same descriptions for both versions. However, for complex th | `#111b27` | ![#111b27][#111b27] | **Default foreground** - Also used as Shadow and for most of Punctuation. | `coldark05` | | `#0b121b` | ![#0b121b][#0b121b] | **Darker foreground** – Also used as background for Activity bar. | `coldark06` | | `#f0f4f8` | ![#f0f4f8][#f0f4f8] | **Lighter background** – Tab active, Embedded modals, Widgets. | `coldark07` | +| `#006d6d` | ![#006d6d][#006d6d] | **Cyan** - Merge incoming content, Parameters, Tags, Support constant, CSS Variables, Markup inline raw, Punctuation Section Embedded (e.g. ``) | `coldark08` | +| `#755f00` | ![#755f00][#755f00] | **Yellow** - Modified, Hints, Integers, Boolean, Constants Language, Attribute Names, Shell Case Patterns, Markup Link URL | `coldark09` | +| `#005a8e` | ![#005a8e][#005a8e] | **Blue** - Badges, Buttons, Find Match, Info, Merge current content, Selection (outside editor), Status bar (folder open), Namespaces, Classes, Variables, Constants Other, Markup Headings, Property names | `coldark10` | +| `#116b00` | ![#116b00][#116b00] | **Green** - Added elements, Strings, CSS Colors, CSS Font names, Markup Link Text | `coldark11` | +| `#af00af` | ![#af00af][#af00af] | **Magenta** - Untracked elements, Token Expression value Support, Regular Expressions, Escape Characters, Constant Characters, Storage Modifiers, Instances, Markup List Punctuation, CSS values | `coldark12` | +| `#7c00aa` | ![#7c00aa][#7c00aa] | **Purple** - Unverified, Functions, CSS Classes & IDs | `coldark13` | +| `#a04900` | ![#a04900][#a04900] | **Orange** - Warnings, Status bar (debugging), Keywords, Storage, CSS Pseudo elements | `coldark14` | +| `#c70100` | ![#c70100][#c70100] | **Red** - Errors, Deleted, Invalids, Deprecated | `coldark15` | -### Dark Theme - UI +### Dark Theme | Hex Code | Preview | Description | Denomination | | :-: | :-: | --- | :-: | @@ -62,20 +66,14 @@ I tried to keep the same descriptions for both versions. However, for complex th | `#e3eaf2` | ![#e3eaf2][#e3eaf2] | **Default foreground** - Also used for most of Punctuation. | `coldark05` | | `#f0f4f8` | ![#f0f4f8][#f0f4f8] | **Lighter foreground** – Menu, Tab hover. | `coldark06` | | `#0b121b` | ![#0b121b][#0b121b] | **Dark background** - Activity bar, Inputs, Status bar (no folder). Also used for Borders. | `coldark07` | - -### Syntax Highlighting & Some UI - -| Light Theme | | Dark Theme | | Description | | | | -| --- | :-: | --- | :-: | --- | --- | --- | :-: | -| **Hex Code** | **Preview** | **Hex Code** | **Preview** | **Terminal** | **UI** | **Syntax** | **Denomination** | -| `#006d6d` | ![#006d6d][#006d6d] | `#66cccc` | ![#66cccc][#66cccc] | Cyan | Merge incoming content | Parameters, Tags, Support constant, CSS Variables, Markup inline raw, Punctuation Section Embedded (e.g. ``) | `coldark08` | -| `#755f00` | ![#755f00][#755f00] | `#e6d37a` | ![#e6d37a][#e6d37a] | Yellow | Modified, Hints | Integers, Boolean, Constants Language, Attribute Names, Shell Case Patterns, Markup Link URL | `coldark09` | -| `#005a8e` | ![#005a8e][#005a8e] | `#6cb8e6` | ![#6cb8e6][#6cb8e6] | Blue | Badges, Buttons, Find Match, Info, Merge current content, Selection (outside editor), Status bar (folder open) | Namespaces, Classes, Variables, Constants Other, Markup Headings, Property names | `coldark10` | -| `#116b00` | ![#116b00][#116b00] | `#91d076` | ![#91d076][#91d076] | Green | Added | Strings, CSS Colors, CSS Font names, Markup Link Text | `coldark11` | -| `#af00af` | ![#af00af][#af00af] | `#f4adf4` | ![#f4adf4][#f4adf4] | Magenta | Untracked, Token Expression value | Support, Regular Expressions, Escape Characters, Constant Characters, Storage Modifiers, Instances, Markup List Punctuation, CSS values | `coldark12` | -| `#7c00aa` | ![#7c00aa][#7c00aa] | `#c699e3` | ![#c699e3][#c699e3] | (Purple) | Unverified | Functions, CSS Classes & IDs | `coldark13` | -| `#a04900` | ![#a04900][#a04900] | `#e9ae7e` | ![#e9ae7e][#e9ae7e] | (Orange) | Warnings, Status bar (debugging) | Keywords, Storage, CSS Pseudo elements | `coldark14` | -| `#c70100` | ![#c70100][#c70100] | `#f57a73` | ![#f57a73][#f57a73] | Red | Errors, Deleted | Invalids, Deprecated | `coldark15` | +| `#66cccc` | ![#66cccc][#66cccc] | **Cyan** - Merge incoming content, Parameters, Tags, Support constant, CSS Variables, Markup inline raw, Punctuation Section Embedded (e.g. ``) | `coldark08` | +| `#e6d37a` | ![#e6d37a][#e6d37a] | **Yellow** - Modified, Hints, Integers, Boolean, Constants Language, Attribute Names, Shell Case Patterns, Markup Link URL | `coldark09` | +| `#6cb8e6` | ![#6cb8e6][#6cb8e6] | **Blue** - Badges, Buttons, Find Match, Info, Merge current content, Selection (outside editor), Status bar (folder open), Namespaces, Classes, Variables, Constants Other, Markup Headings, Property names | `coldark10` | +| `#91d076` | ![#91d076][#91d076] | **Green** - Added elements, Strings, CSS Colors, CSS Font names, Markup Link Text | `coldark11` | +| `#f4adf4` | ![#f4adf4][#f4adf4] | **Magenta** - Untracked elements, Token Expression value Support, Regular Expressions, Escape Characters, Constant Characters, Storage Modifiers, Instances, Markup List Punctuation, CSS values | `coldark12` | +| `#c699e3` | ![#c699e3][#c699e3] | **Purple** - Unverified, Functions, CSS Classes & IDs | `coldark13` | +| `#e9ae7e` | ![#e9ae7e][#e9ae7e] | **Orange** - Warnings, Status bar (debugging), Keywords, Storage, CSS Pseudo elements | `coldark14` | +| `#f57a73` | ![#f57a73][#f57a73] | **Red** - Errors, Deleted, Invalids, Deprecated | `coldark15` | ## Acknowledgements