Skip to content

Commit

Permalink
Updated to version 1.0.2 - style tweaks
Browse files Browse the repository at this point in the history
bennyxguo committed Oct 31, 2020
1 parent d440618 commit c5bd6a5
Showing 6 changed files with 50 additions and 11 deletions.
17 changes: 17 additions & 0 deletions CHANGELOG
Original file line number Diff line number Diff line change
@@ -1,5 +1,22 @@
# Changelog

## 1.0.2

After being writing and reading for hours myself, I find a few tweaks needed to be made.

So I did a lot of little and big tweaks to make Obsidianite theme have a better user experience.

I have also adapted to Obsidian's plugin standard of version naming convention, removing the "v".

Hope you all like this update, and please feel free to give me feedbacks! Happy note taking! 💎

### Tweaks 💎

+ Enhanced on the **BOLD** text, now using a gradient text color for amazing eye catchy experience, but not too much that will hurt our eyeballs.
+ Reworked on the major colors, reduced the use of pink-purple colors for better long term reading and writing. (The purple colors looks good at first, but after long writing and reading, it feels a bit too much of a highlight).
+ Obisidian title bar's text had changed to Obsidianite blue, just to stay overall color sync.
+ Changed the color of file icon next to the file title, again to stay overall color sync.

## v1.0.1 (Oct 31, 2020)

### Bug fixes 🐛
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -13,7 +13,7 @@ Obsidian.md custom theme, it's dark and simple but yet still stays sparkles!
<img src="https://img.shields.io/github/license/TriDiamond/Obsidian-Obsidianite">
</p>

**[CHANGES](https://github.com/TriDiamond/Obsidian-Obsidianite/blob/master/CHANGELOG.md)**
**[CHANGES](https://github.com/TriDiamond/Obsidian-Obsidianite/blob/main/CHANGELOG)**

</div>

@@ -27,7 +27,7 @@ Obsidian.md custom theme, it's dark and simple but yet still stays sparkles!
** ╚═════╝ ╚═════╝ ╚══════╝╚═╝╚═════╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝╚═╝ ╚═╝ ╚══════╝
**
** —— Made with 💎 by TriDiamond
** version 1.0.0
** version 1.0.2
** --------------------------------------------------------------- */
```

Binary file modified images/demo1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/demo2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/demo3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
40 changes: 31 additions & 9 deletions obsidian.css
Original file line number Diff line number Diff line change
@@ -5,7 +5,7 @@
** ██║ ██║██╔══██╗╚════██║██║██║ ██║██║██╔══██║██║╚██╗██║██║ ██║ ██╔══╝
** ╚██████╔╝██████╔╝███████║██║██████╔╝██║██║ ██║██║ ╚████║██║ ██║ ███████╗
** ╚═════╝ ╚═════╝ ╚══════╝╚═╝╚═════╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝╚═╝ ╚═╝ ╚══════╝
**
** —— Version 1.0.2
** —— Made with 💎 by TriDiamond
** --------------------------------------------------------------- */

@@ -72,14 +72,15 @@
--interactive-accent-rgb: #3dd7fb;
--font-family-editor: 'Rubik';
--font-family-preview: 'Rubik';
--bg-accent-35: rgba(244, 86, 157, 0.45);
--bg-accent-15: rgba(244, 86, 157, 0.15);
--bg-sub-accent-35: rgba(14, 210, 247, 0.35);
--bg-accent-35: rgba(122, 162, 247, 0.9);
--text-highlight-bg: rgba(244, 86, 157, 0.15);
--background-modifier-border: rgba(14, 210, 247, 0.05);
--test-color: rgb(122, 162, 247);
}

/***************************************/
/* EDITOR THEME STYLES */
/* EDITOR GENERAL STYLES */
/***************************************/

:root {
@@ -179,6 +180,10 @@ body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator {
border-color: #101014;
}

.titlebar-text {
color: var(--text-accent);
}

.theme-dark .notice {
background-color: var(--background-primary-alt);
color: var(--text-accent);
@@ -193,13 +198,27 @@ h6 {
font-weight: 600;
}

.view-header-icon {
color: var(--text-accent);
}

/***************************************/
/* EDITOR THEME STYLES */
/***************************************/

.cm-strong,
strong {
color: #81a3f1;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 0 0.1rem;
color: #7aa2f7;
background-color: #7aa2f7;
background-image: linear-gradient(62deg, #87c2fd 0%, #dcb9fc 100%) !important;
}

.cm-strong::selection,
strong::selection {
-webkit-text-fill-color: var(--text-faint);
}

.cm-em,
@@ -214,7 +233,8 @@ em {

.cm-s-obsidian span.cm-link,
.cm-s-obsidian span.cm-hmd-internal-link {
color: var(--text-sub-accent);
color: var(--text-accent);
opacity: 0.75;
}

.cm-s-obsidian span.cm-hashtag {
@@ -247,7 +267,8 @@ em {
background-color: var(--background-secondary-alt);
}

button.mod-cta {
.cm-s-obsidian span.cm-formatting-link {
color: var(--text-sub-accent);
}

/***************************************/
@@ -300,7 +321,7 @@ a,
a:hover,
.internal-link:hover {
text-decoration: none !important;
color: var(--text-sub-accent);
color: var(--text-accent);
}

.internal-link:hover,
@@ -315,7 +336,8 @@ a:not(.internal-link) {

.internal-link,
.external-link {
background: linear-gradient(to bottom, var(--bg-accent-35) 0%, var(--bg-accent-35) 100%);
-webkit-text-fill-color: var(--text-normal);
background: linear-gradient(to bottom, var(--bg-sub-accent-35) 0%, var(--bg-sub-accent-35) 100%);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 5px 5px;

0 comments on commit c5bd6a5

Please sign in to comment.