with some style settings to change visuals

Author: diegoeis

README.md

@@ -2,9 +2,12 @@
 
 ## Navigations
 
-- [About and Screenshots](#about-obsidianotion)
-- [To install](#to-install)
-- [Plugins](#companion-plugins)
+- [About Obsidianotion](#about-obsidianotion)
+  - [To install](#to-install)
+  - [Style Settings](#style-settings)
+  - [Companion plugins](#companion-plugins)
+
+Do you have any suggestions or feedback, please, let me know: [https://forms.gle/AnQgXjt56NSmhDnn6](https://forms.gle/AnQgXjt56NSmhDnn6)
 
 # About Obsidianotion
 
@@ -68,6 +71,14 @@ _These are the same checkbox styles used in [Things](https://github.com/colineck
 1. Search for `Obsidianotion` in the Search field text
 1. Click `Use` and then you're done! 🎉
 
+## Style Settings
+
+You can customize some of visuals installing the [Plugin Style Settings](https://github.com/mgmeyers/obsidian-style-settings). The theme works very fine without it, but if you wanna change the headings and body paragraph font size or even the default color of sidebar, you will can.
+
+![Style Settings](https://i.imgur.com/qm6s2Ht.png)
+
+This settings will grow with time!
+
 ## Companion plugins
 
 To install the plugins that have a good fit with Obsidianotion:

manifest.json

@@ -1,7 +1,7 @@
 {
 	"name": "Obsidianotion",
-	"version": "1.1.3",
-	"minAppVersion": "1.1.3",
+	"version": "1.1.4",
+	"minAppVersion": "1.1.4",
 	"author": "Diego Eis",
 	"authorUrl": "https://diegoeis.com"
 }

obsidian.css

@@ -67,7 +67,7 @@ settings:
         default: 1
         format: rem
     - 
-        id: Heading
+        id: Colors
         title: Colors
         type: heading
         level: 2
@@ -79,6 +79,14 @@ settings:
         format: hex
         default-light: '#37352f'
         default-dark: '#fff'
+    - 
+        id: sidebar-themed-bg
+        title: Colors of sidebar and tabbar
+        description: If you wanna change the light browser of Notion...
+        type: variable-themed-color
+        format: hex
+        default-light: '#F7F7F5'
+        default-dark: '#202020'
 */
 
 /* ─────────────────────────────────────────────────── */
@@ -154,7 +162,7 @@ body.theme-dark {
 
 
   /*** sidebar ***/
-  --sidebar-themed-bg: rgb(32, 32, 32);
+  --sidebar-themed-bg: #202020;
   --nav-item-color: #9B9B9B;
   --nav-item-color-hover: #D7D7D7;
   --nav-item-active: #9B9B9B;
@@ -218,17 +226,22 @@ body.theme-light .table-view-table > thead > tr > th {
   --default-border-color: rgba(0, 0, 0, .3);
   background: rgba(0,0,0,.05)
 }
+
+
 body.theme-dark .table-view-table > thead > tr > th {
   --default-border-color: rgba(255, 255, 255, .3);
   background: rgba(255,255,255,.05)
 }
 
-.table-view-table > thead > tr > th {
-  font-size: .8rem;
-  border-bottom: 2px solid var(--default-border-color)
+.table-view-table > thead > tr > th,
+.cm-embed-block table thead tr th,
+.markdown-rendered thead tr > th:nth-child(2n+2) {
+  font-size: .9rem;
+  border-bottom: 2px solid var(--default-border-color);
 }
 
-.table-view-table > tbody > tr > td {
+.table-view-table > tbody > tr > td,
+.cm-embed-block table tbody tr td {
   font-size: .8rem !important;
   border-bottom: 1px solid var(--default-border-color)
 }

versions.json

@@ -7,5 +7,6 @@
 	"1.1.0": "1.1.0",
 	"1.1.1": "1.1.0",
 	"1.1.2": "1.1.0",
-	"1.1.3": "1.1.0"
+	"1.1.3": "1.1.0",
+	"1.1.4": "1.1.0"
 }