From 6e89adcb233cd3561f0eb822ab52451990b05f4c Mon Sep 17 00:00:00 2001 From: Dominik Meurer Date: Tue, 6 Feb 2024 15:40:30 +0100 Subject: [PATCH] Minor additions - Changed colors - made colors changeable - made border changeable --- README.md | 17 +++++-- manifest.json | 2 +- package.json | 2 +- theme.css | 122 ++++++++++++++++++++++++++++++++++++++++++++++++-- 4 files changed, 133 insertions(+), 10 deletions(-) diff --git a/README.md b/README.md index 83ec229..ae88641 100644 --- a/README.md +++ b/README.md @@ -1,15 +1,15 @@ ### Note This theme for Obsidian ([https://obsidian.md](https://obsidian.md/)) was build using code from the [Things Theme](https://github.com/colineckert/obsidian-things/tree/main). -I really like the things theme, but i wanted to make some changes, and to be able to make changes for a personal project. +I really like the Things theme, but i wanted to make some changes, and to be able to make changes in the future for a personal project. -Please support the original creator (**@colineckert**) of the theme, and use the original theme if you like it. Chances are high that the original theme is better than this one. +Please support the original creator (**@colineckert**) of the theme, and use the original theme if you like it. Also, chances are high that the original theme is better than this one. # Improved Potato *Why this name?* Because I'm a potato, and I'm trying to improve myself. Nah, just kidding. I mean, I am a potato, but that's not the reason for the name. -GitHub came up with it when crating the Repository. +GitHub came up with it when creating the Repository. ![Alt text](images/image.png) @@ -28,8 +28,17 @@ I'm a huge fan of the "configure everything until its ugly" approach that the Je ### Configuration options -- Fancy Code Block (toggle) +- toggle Fancy Code Block (copy of Things) - for each Header size (1-6): - Font Size - Font Color - Wether its underlined or not +- Divider color +- Base color + + +# Installation + +Please use the Obsidian-build-in option with the theme store. + +To configure this theme, use the [Style Settings](https://github.com/mgmeyers/obsidian-style-settings) plugin. diff --git a/manifest.json b/manifest.json index 947a6d4..7d5a8ec 100644 --- a/manifest.json +++ b/manifest.json @@ -1,6 +1,6 @@ { "name": "Improved Potato", - "version": "1.0.2", + "version": "1.0.3", "minAppVersion": "1.5.0", "author": "Dominik Meurer", "authorUrl": "https://dmeurer.github.io/" diff --git a/package.json b/package.json index 54148ed..cef65ee 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "improved-potato", - "version": "1.0.2", + "version": "1.0.3", "scripts": { "version": "node version-bump.mjs && git add manifest.json versions.json" } diff --git a/theme.css b/theme.css index ec3a100..2ea4632 100644 --- a/theme.css +++ b/theme.css @@ -15,12 +15,12 @@ It is heavily inspired by the Things Theme by @colineckert body { /* Colors */ --base-h: 218; /* Base hue */ - --base-s: 18.1%; /* Base saturation */ - --base-d: 20.6%; /* Base lightness Dark Mode - 0 is black */ + --base-s: 18%; /* Base saturation */ + --base-d: 16%; /* Base lightness Dark Mode - 0 is black */ --base-l: 97%; /* Base lightness Light Mode - 100 is white */ --accent-h: 206; /* Accent hue */ - --accent-s: 100%; /* Accent saturation */ - --accent-d: 76.7%; /* Accent lightness Dark Mode */ + --accent-s: 92%; /* Accent saturation */ + --accent-d: 61%; /* Accent lightness Dark Mode */ --accent-l: 60%; /* Accent lightness Light Mode */ --blue: #3C94FF; @@ -31,6 +31,8 @@ body { --red: #FF3C3C; --purple: #B97CFF; + --divider-color: var(--color-base-30); + --h1-color: var(--text-normal); --h2-color: var(--text-normal); --h3-color: var(--blue); @@ -50,6 +52,28 @@ body { --h6-size: 0.9rem; } +.theme-light { + color-scheme: light; +} + +.theme-dark { + color-scheme: dark; + + --color-base-00: hsl(216, 19%, 16%); /* main editor window */ + --color-base-10: hsl(218, 18%, 23%); /* code blocks */ + --color-base-20: hsl(218, 18%, 23%); /* side menu */ + --color-base-25: hsl(218, 18%, 30%); /* top navigation bar, unfocused */ + --color-base-30: hsl(218, 18%, 38%); /* top navigation bar, focused */ + --color-base-35: hsl(218, 18%, 45%); + --color-base-40: hsl(218, 18%, 53%); + --color-base-50: hsl(218, 18%, 61%); /* unfocused text */ + --color-base-60: hsl(218, 18%, 69%); + --color-base-70: hsl(218, 18%, 78%); + --color-base-100: hsl(218, 18%, 86%); + + --titlebar-background: var(--color-base-25); +} + /* ─────────────────────────────────────────────────── */ /* Misc */ /* ─────────────────────────────────────────────────── */ @@ -406,4 +430,94 @@ settings: description: Toggle H6 underline (border-bottom) type: class-toggle default: false + - + id: colors + title: Other colors + type: heading + level: 2 + collapsed: true + - + id: divider-color + title: Divider color + type: variable-color + format: hex + default: '#656a74' + - + id: color-bases + title: Color bases + type: heading + level: 3 + collapsed: true + - + id: color-base-00 + title: Color base 00 + description: Main editor window + type: variable-color + format: hsl + default: '#212731' + - + id: color-base-10 + title: Color base 10 + description: Code blocks + type: variable-color + format: hsl + default: '#303845' + - + id: color-base-20 + title: Color base 20 + description: Side menu + type: variable-color + format: hsl + default: '#303845' + - + id: color-base-25 + title: Color base 25 + description: Top navigation bar, unfocused + type: variable-color + format: hsl + default: '#3f495a' + - + id: color-base-30 + title: Color base 30 + description: Top navigation bar, focused + type: variable-color + format: hsl + default: '#4f5c72' + - + id: color-base-35 + title: Color base 35 + type: variable-color + format: hsl + default: '#5e6d87' + - + id: color-base-40 + title: Color base 40 + type: variable-color + format: hsl + default: '#72819d' + - + id: color-base-50 + title: Color base 50 + description: Unfocused text + type: variable-color + format: hsl + default: '#8a97ad' + - + id: color-base-60 + title: Color base 60 + type: variable-color + format: hsl + default: '#a2acbe' + - + id: color-base-70 + title: Color base 70 + type: variable-color + format: hsl + default: '#bdc4d1' + - + id: color-base-100 + title: Color base 100 + type: variable-color + format: hsl + default: '#d5dae2' */ \ No newline at end of file