Init

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2018 Christian Hans
+Copyright (c) 2020 Jeroen Fierens
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,15 +1,19 @@
-# Gruvbox Dark Theme for Standard Notes
+# VS Code One Dark Darker theme for Standard Notes
 
-Theme for [Standard Notes](https://standardnotes.org/). Based on colors from the [gruvbox theme for Vim](https://github.com/morhetz/gruvbox).
+Theme for [Standard Notes](https://standardnotes.org/). Based on VS Code and my personal version of the [One Dark Darker](https://marketplace.visualstudio.com/items?itemName=JoelCrosby.one-dark-darker) theme.
+
+Note: I've created this for personal use with the Markdown Pro editor on macOS. It's also been adapted to look nice with the 0.7.0 release of the [Rich Markdown Editor](https://github.com/arturolinares/sn-rme).
+
+I can't guarantee it looks nice on any platform or editor. If you want some platform specific tweaks, shoot an issue.
 
 ## Installation
 
 Open "Extensions" in Standard Notes and click "Import Extension". Enter the following URL as Extension Link and press Enter:
 
 ```
-https://listed.to/CkWVdPhzvs
+https://listed.to/p/VvOLflCGQW
 ```
 
 ## Preview
 
-![Gruvbox Dark Theme for Standard Notes](preview.png)
+![VS Code One Dark Darker theme for Standard Notes](preview.png)

dist/dist.css

@@ -1,8 +1,8 @@
 :root {
   --background-1: #181a1f;
   --background-2: #181a1f;
-  --foreground-1: #abb2bf;
-  --foreground-2: #abb2bf;
+  --foreground-1: #aab1c0;
+  --foreground-2: #aab1c0;
   --foreground-3: #abb2bf;
   --highlight-color: #2c313a;
   --neutral-color: #72767e;
@@ -55,57 +55,83 @@
   /* Use lighter blue for Minimal Markdown Editor sublists and other CodeMirror elements */
 }
 
+
+
+.CodeMirror, .CodeMirror-fullscreen, .gKsMQS, .gKsMQS p, .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like  {
+  font-family: "SF Mono",Monaco,Menlo,Courier,monospace;
+  line-height: 20px;
+  font-feature-settings: "liga" 0, "calt" 0;
+  letter-spacing: 0px;
+  font-weight: 500;
+  font-size: 14px;
+}
+
 .CodeMirror, .CodeMirror-fullscreen {
-  font-family: 'SF Mono', Consolas;
-  line-height: 1.5;
-  padding: 20px;
+  padding: 0;
+  top: 0;
+}
+
+.editor-preview {
   top: 0;
+  padding: 20px;
 }
 
-.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
-  font-size: .9em;
+.CodeMirror-lines {
+  padding: 40px 60px;
 }
 
-.CodeMirror .cm-header-1, 
-.CodeMirror .cm-header-2, 
-.CodeMirror .cm-header-3, 
-.CodeMirror .cm-header-4, 
-.CodeMirror .cm-header-5, 
-.CodeMirror .cm-header-6 {
-  font-size: 1em;
+.gKsMQS h1:not(.placeholder)::before, 
+.gKsMQS h2:not(.placeholder)::before, 
+.gKsMQS h3:not(.placeholder)::before, 
+.gKsMQS h4:not(.placeholder)::before, 
+.gKsMQS h5:not(.placeholder)::before, 
+.gKsMQS h6:not(.placeholder)::before {
+  display: none;
+} 
+
+.CodeMirror .cm-header-1, .gKsMQS h1, 
+.CodeMirror .cm-header-2, .gKsMQS h2,
+.CodeMirror .cm-header-3, .gKsMQS h3,
+.CodeMirror .cm-header-4, .gKsMQS h4,
+.CodeMirror .cm-header-5, .gKsMQS h5,
+.CodeMirror .cm-header-6  .gKsMQS h6 {
+  font-size: 14px;
 } 
 
 .CodeMirror .cm-formatting-header {
   opacity: 1;
   font-size: .8 em;
 }
 
-.CodeMirror .cm-header-1 {
+.CodeMirror .cm-header-1, .gKsMQS h1 span {
   color: #d55fdeff;
-  border-bottom: 2px solid;
+  font-size: 26px;
+  font-weight: bold;
 }
-.CodeMirror .cm-header-2 {
+.CodeMirror .cm-header-2, .gKsMQS h2 span {
   color: #e06c75ff;
   border-bottom: 2px solid;
 }
-.CodeMirror .cm-header-3 {
+.CodeMirror .cm-header-3, .gKsMQS h3 span {
   color: #d19a66ff;
+  border-bottom: 2px solid;
 }
-.CodeMirror .cm-header-4 {
+.CodeMirror .cm-header-4, .gKsMQS h4 span {
   color: #98c378;
 }
-.CodeMirror .cm-header-5 {
+.CodeMirror .cm-header-5, .gKsMQS h5 span {
   color: #aaa;
 }
-.CodeMirror .cm-header-6 {
+.CodeMirror .cm-header-6, .gKsMQS h6 span {
   color: #5C6370;
 }
 
 .CodeMirror .cm-link.cm-variable-2, .CodeMirror .cm-url.cm-variable-2,
 .CodeMirror .cm-link, 
 .CodeMirror .cm-string,
 .editor-preview-active a, 
-.editor-preview-active-side a {
+.editor-preview-active-side a,
+.gKsMQS a {
   color: #1d69cc !important;
   text-decoration: none;
 }
@@ -114,10 +140,11 @@
 .editor-toolbar.fullscreen {
   height: 1px;
   opacity: 0;
+  padding-top: 0;
 }
 
 .editor-toolbar:hover {
-  height: auto;
+  height: 50px;
   opacity: 1;
 }
 
@@ -126,51 +153,74 @@
 }
 
 #editor-title-bar {
-  margin-top: 40px;
-  padding-left: 20px;
+  margin-top: 0px;
+  margin-left: -5px;
+  padding-bottom: 0;
+  width: 50%;
 }
 
 #editor-title-bar>.title>.input {
-  font-family: 'SF Mono', Consolas;
-  color: #d55fdeff;
-  font-size: 1.5em;
-  /* margin-left: 30px; */
-}
-/* 
-#editor-title-bar>.title:before {
-  font-size: 1.5em;
-  content: '#';
-  position: absolute;
-  margin-left: 4px;
-  margin-top: 1px;
-  color: #d55fdeff;
-} */
+  /* font-family: 'SF Mono', Consolas; */
+  color: var(--neutral-color);
+  font-size: 14px;
+}
 
-.editor-tags {
+#editor-title-bar #save-status {
+  top: 50px;
   display: none;
 }
 
-#editor-menu-bar {
-  margin-top: -90px;
+.editor-tags {
+  opacity: 0
+}
+
+.editor-tags:hover {
+  opacity: 1;
+}
+
+.sk-panel, .sk-menu-panel {
+  box-shadow: 2px 2px 4px 2px rgba(15, 15, 15, 0.363) !important; 
 }
 
-#footer-bar,
 #editor-menu-bar {
-  opacity: 0;
+  margin-top: -55px;
+  padding-left: 10px;
+  padding-right: 20px;
+  opacity: 0.2;
+  flex-direction: row-reverse;
+}
+
+#editor-menu-bar .left, .sn-component .sk-app-bar .left {
+  align-items: right;
+  justify-content: right;
 }
 
-#footer-bar:hover,
-#editor-menu-bar:hover {
+#editor-menu-bar:hover,
+#editor-menu-bar:active,
+#editor-menu-bar:focus {
   opacity: 1;
 }
 
 #notes-column .note, .notes .note {
-  padding: 10px;
+  padding: 6px 10px;
 }
 
 #notes-column .note>.name, .notes .note>.name {
-  font-size: .9em;
-  /* white-space: nowrap; */
+  font-size: 14px;
+  font-weight: 500;
+  font-family: 'SF Pro Display',sans-serif;
+  white-space: nowrap;
+}
+
+.app .section .scrollable {
+  overflow-y: hidden;
+}
+
+#notes-column .infinite-scroll, .notes .infinite-scroll>div:last-child {
+  height: 1000px;
 }
 
-/*# sourceMappingURL=dist.css.map */
+.dropdown-menu {
+  right: 0;
+  left: unset;
+}

ext.json

@@ -1,24 +1,20 @@
----
-metatype: json
----
-
 {
-  "identifier": "io.github.eenpadvinder.standardnotes-theme",
-  "name": "Theme",
+  "identifier": "io.github.eenpadvinder.standardnotes-theme-one-darker",
+  "name": "One Dark Darker",
   "content_type": "SN|Theme",
   "area": "themes",
-  "version": "v0.1",
+  "version": "v0.2.0",
   "description": "Theme",
-  "url": "https://cdn.jsdelivr.net/gh/eenpadvinder/standardnotes-theme@master/dist/dist.css",
-  "download_url": "https://github.com/eenpadvinder/standardnotes-theme/archive/v0.1.zip",
+  "url": "https://cdn.jsdelivr.net/gh/eenpadvinder/standardnotes-theme-one-darker@master/dist/dist.css",
+  "download_url": "https://github.com/eenpadvinder/standardnotes-theme-one-darker/archive/v0.2.0.zip",
   "latest_url": "https://listed.to/p/VvOLflCGQW",
-  "marketing_url": "https://github.com/eenpadvinder/standardnotes-theme",
+  "marketing_url": "https://github.com/eenpadvinder/standardnotes-theme-one-darker",
   "thumbnail_url": "",
   "dock_icon": {
     "type": "circle",
-    "background_color": "#D79921",
-    "foreground_color": "#076678",
-    "border_color": "#D79921"
+    "background_color": "#181a1f",
+    "foreground_color": "#181a1f",
+    "border_color": "#d55fde"
   },
   "statusBar": "dark-content"
 }