commit a535f05334f05033467fd39c026db07663d7318a
parent b8868d8788677f37127ad0e248306622e89069f0
Author: bdmfegys@duck.com <bdmfegys@duck.com>
Date: Fri, 10 May 2024 23:01:35 -0400
joplin-userstyle.css: fix curly braces for wallust new_engine option
Diffstat:
| M | joplin-userstyle.css | | | 294 | ++++++++++++++++++++++++++++++++++++++++---------------------------------------- |
1 file changed, 147 insertions(+), 147 deletions(-)
diff --git a/joplin-userstyle.css b/joplin-userstyle.css
@@ -2,28 +2,28 @@
/* designed originally by uxamanda (https://discourse.joplinapp.org/u/uxamanda). latest version https://github.com/amandamcg/joplin-theme */
/* Redesigned by Stephen (robotcorner) https://https://github.com/robotcorner/joplin-theme-dark-gruvbox */
-:root {{
- --white: {color7};
- --dark-white: {color15};
- --light-grey: {color7};
- --grey: {color15};
- --dark-grey: {color8};
- --darker-grey: {color8};
- --black: {color0};
- --red: {color1};
- --red-dark: {color9};
- --green: {color2};
- --green-dark: {color10};
- --yellow:{color3};
- --yellow-dark: {color11};
- --blue: {color4};
- --blue-dark: {color12};
- --purple: {color5};
- --purple-dark: {color13};
- --aqua: {color6};
- --aqua-dark: {color14};
- --orange: {color3};
- --orange-dark: {color11};
+:root {
+ --white: {{color7}};
+ --dark-white: {{color15}};
+ --light-grey: {{color7}};
+ --grey: {{color15}};
+ --dark-grey: {{color8}};
+ --darker-grey: {{color8}};
+ --black: {{color0}};
+ --red: {{color1}};
+ --red-dark: {{color9}};
+ --green: {{color2}};
+ --green-dark: {{color10}};
+ --yellow:{{color3}};
+ --yellow-dark: {{color11}};
+ --blue: {{color4}};
+ --blue-dark: {{color12}};
+ --purple: {{color5}};
+ --purple-dark: {{color13}};
+ --aqua: {{color6}};
+ --aqua-dark: {{color14}};
+ --orange: {{color3}};
+ --orange-dark: {{color11}};
--base-size-1: 1px;
--base-size-4: 5px;
--base-size-8: 9px;
@@ -52,65 +52,65 @@
--font-line-height: 1.4em;
--font-size: var(--base-size-17);
--icon-size: var(--font-size);
-}}
+}
-.hljs {{
+.hljs {
background-color: black;
padding: var(--base-size-18);
border-radius: var(--base-size-4) !important;
-}}
+}
-#rendered-md {{
+#rendered-md {
padding: 6%;
-}}
+}
-body {{
+body {
font-family: var(--font-sans) !important;
font-weight: var(--font-weight-base) !important;
color: var(--dark-white);
background-color: var(--black);
font-size: var(--font-size);
-}}
+}
-p, h1, h2, h3, h4, h5, h6, ul, table {{
+p, h1, h2, h3, h4, h5, h6, ul, table {
margin-top: 0;
-}}
+}
-h1, h2, h3, h4 {{
+h1, h2, h3, h4 {
font-family: var(--font-title);
font-weight: var(--font-weight-light) !important;
letter-spacing: 0.01em;
margin-top: var(--base-size-24);
-}}
+}
-h1 {{
+h1 {
font-size: calc(var(--font-size)*2) !important;
line-height: var(--font-line-height) !important;
margin-top: var(--base-size-40) !important;
border-bottom: none !important;
font-weight: bold !important;
-}}
+}
-h1:first-child {{
+h1:first-child {
margin-top: 0px !important;
-}}
+}
-h2 {{
+h2 {
font-size: calc(var(--font-size)*1.6) !important;
font-weight: bold !important;
-}}
+}
-h3 {{
+h3 {
font-size: calc(var(--font-size)*1.4) !important;
font-weight: bold !important;
-}}
+}
-h4 {{
+h4 {
font-size: calc(var(--font-size)*1.3) !important;
font-weight: bold !important;
-}}
+}
-p, li {{
+p, li {
/* font-weight: var(--font-weight-base) !important; */
letter-spacing: .03em;
color: var(--dark-white);
@@ -118,91 +118,91 @@ p, li {{
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
-}}
+}
-ol li, ul li {{
+ol li, ul li {
margin-bottom: var(--base-size-4);
-}}
+}
-ul ul {{
+ul ul {
/* list-style-type: cjk-heavenly-stem; */
list-style-type: disc;
-}}
+}
-hr {{
+hr {
padding: var(--base-size-24) !important;
-}}
+}
-blockquote {{
+blockquote {
font-style: italic !important;
opacity: 1;
border-radius: 10px !important;
border-left: 6px solid var(--white);
background-color: var(--darker-grey);
padding-right: 8px;
-}}
+}
-.md-checkbox {{
+.md-checkbox {
margin-left: 0 !important;
-}}
+}
-.md-checkbox .checkbox-wrapper {{
+.md-checkbox .checkbox-wrapper {
align-items: flex-start;
-}}
+}
-.md-checkbox input[type="checkbox"i] {{
+.md-checkbox input[type="checkbox"i] {
margin-left: -24px !important;
opacity: 0.8 !important;
margin-top: 7px;
border: var(--base-size-1) solid var(--secondary);
-}}
+}
-.md-checkbox input[type=checkbox]:checked {{
+.md-checkbox input[type=checkbox]:checked {
opacity: 0.3 !important;
text-decoration: line-through;
;
-}}
+}
-a, summary {{
+a, summary {
text-decoration: none !important;
padding: 0 0 var(--base-size-4) 0 !important;
color: var(--secondary) !important;
font-weight: var(--font-weight-bold) !important;
-}}
+}
-a:hover {{
+a:hover {
border-bottom: var(--base-size-1) dashed var(--secondary) !important;
-}}
+}
-a[data-resource-id] {{
+a[data-resource-id] {
color: var(--dark-green) !important;
/* change the colour of INTERNAL links */
/* https://discourse.joplinapp.org/t/share-your-css/1730/65 */
-}}
+}
-a[data-resource-id] :hover {{
+a[data-resource-id] :hover {
border-bottom: var(--base-size-1) dashed var(--primary) !important;
-}}
+}
/* joplin icon in joplin link */
-.resource-icon {{
+.resource-icon {
background-color: var(--primary) !important;
width: 0.75em;
height: 0.9em;
top: 0.1em;
-}}
+}
/*
```
code blocks
```
*/
-pre {{
+pre {
font-family: var(--font-mono) !important;
-}}
+}
/* ```inline code``` */
-.inline-code {{
+.inline-code {
font-family: var(--font-mono) !important;
font-size: var(--base-size-15) !important;
padding: .3em .6em !important;
@@ -210,21 +210,21 @@ pre {{
background-color: #040404 !important;
border: none !important;
color: var(--aqua) !important;
-}}
+}
/* ==emphasis== */
-mark {{
+mark {
padding: 0 var(--base-size-4) !important;
background-color: var(--yellow-dark);
-}}
+}
/*Bold*/
-strong {{
+strong {
color: var(--green-dark) !important;
font-weight: var(--font-weight-bold);
-}}
+}
-nav.table-of-contents>ul {{
+nav.table-of-contents>ul {
top: 0;
right: 0;
position: fixed;
@@ -237,37 +237,37 @@ nav.table-of-contents>ul {{
max-height: var(--base-size-272);
overflow: scroll;
opacity: 0.8;
-}}
+}
-nav.table-of-contents ul {{
+nav.table-of-contents ul {
list-style-type: none;
margin-left: var(--base-size-4);
-}}
+}
-nav.table-of-contents li {{
+nav.table-of-contents li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
-}}
+}
-nav.table-of-contents li a {{
+nav.table-of-contents li a {
padding: 0;
color: var(--light-grey) !important;
-}}
+}
-@media all and (min-width: 920px) {{
- nav.table-of-contents>ul {{
+@media all and (min-width: 920px) {
+ nav.table-of-contents>ul {
height: 100%;
max-height: 100%;
- }}
+ }
- #rendered-md {{
+ #rendered-md {
width: 75%;
- }}
-}}
+ }
+}
-b-gray, b-green, b-red, b-blue, b-orange, b-pink, b-purple {{
+b-gray, b-green, b-red, b-blue, b-orange, b-pink, b-purple {
width: 90%;
display: block;
margin-left: 20px;
@@ -278,111 +278,111 @@ b-gray, b-green, b-red, b-blue, b-orange, b-pink, b-purple {{
word-wrap: break-word;
box-shadow: 3px 3px 7px 0 rgba(255,255,255,0.7) ;
color: #000000;
-}}
+}
-b-gray {{
- border-color: {color7};
- background-color: {color15};
- }}
+b-gray {
+ border-color: {{color7}};
+ background-color: {{color15}};
+ }
-b-green {{
- border-color: {color2};
- background-color: {color10};
-}}
+b-green {
+ border-color: {{color2}};
+ background-color: {{color10}};
+}
-b-red {{
- border-color: {color1};
- background-color: {color9};
-}}
+b-red {
+ border-color: {{color1}};
+ background-color: {{color9}};
+}
-b-blue {{
- border-color: {color4};
- background-color: {color12};
-}}
+b-blue {
+ border-color: {{color4}};
+ background-color: {{color12}};
+}
-b-orange {{
- border-color: {color3};
- background-color: {color11};
-}}
+b-orange {
+ border-color: {{color3}};
+ background-color: {{color11}};
+}
-b-purple {{
- border-color: {color5};
- background-color: {color13};
-}}
+b-purple {
+ border-color: {{color5}};
+ background-color: {{color13}};
+}
-b-pink {{
- border-color: {color6};
- background-color: {color14};
-}}
+b-pink {
+ border-color: {{color6}};
+ background-color: {{color14}};
+}
/**/
/* TESTING BELOW */
/* code mirror */
-.cm {{
+.cm {
font-family: var(--font-sans);
font-size: var(--font-size);
-}}
+}
/* background and base color */
-.cm-s-material-darker.CodeMirror {{
+.cm-s-material-darker.CodeMirror {
background-color: var(--black) !important;
color: var(--light-grey) !important
-}}
+}
/* lists */
-.cm-s-material-darker .cm-variable-2 {{
+.cm-s-material-darker .cm-variable-2 {
color: var(--light-grey) !important
-}}
+}
/* internal links */
-.cm-s-material-darker .cm-string {{
+.cm-s-material-darker .cm-string {
color: var(--primary) !important
-}}
+}
/* headers */
-.cm-header-1, .cm-header-2, .cm-header-3, .cm-header-4 {{
+.cm-header-1, .cm-header-2, .cm-header-3, .cm-header-4 {
color: var(--dark-white) !important
-}}
+}
-.cm-variable-2, .cm-meta {{
+.cm-variable-2, .cm-meta {
color: var(--red-dark) !important;
/* changes the font colour for all lists (.cm-meta controls the checkbox square brackets [ ] ) */
-}}
-.cm-comment {{
+}
+.cm-comment {
color: var(--green-dark) !important;
/* changes the font colour for code text*/
-}}
-.cm-quote {{
+}
+.cm-quote {
color: var(--purple-dark) !important;
/* changes the font colour for quoted text*/
-}}
-.cm-image-marker {{
+}
+.cm-image-marker {
color: var(--red);
/* changes the font colour for the "!" before displayed image links */
font-weight: 900;
/* changes the font weight for the "!" before displayed image links */
-}}
-.cm-link, .cm-url {{
+}
+.cm-link, .cm-url {
/* .cm-link is everything in the square brackets | .cm-url is the url itself in the round brackets */
color: var(--green) !important;
/* changes the font colour for links */
text-decoration: none !important;
/* removes underlining for links */
-}}
-.cm-tag, .cm-attribute {{
+}
+.cm-tag, .cm-attribute {
/* HTML - .cm-tag is the HTML tag itself such as "<img>" | .cm-attribute is any HTML tag attributes such as "width" or "src" */
/* the below are NOT applied if the html text is marked as "code" unless it is in a fenced html code block (```HTML) */
color: var(--dark-purple) !important;
/* changes the font colour for HTML tags */
font-weight: 500;
/* changes the font weight for HTML tags */
-}}
-.cm-hr {{
+}
+.cm-hr {
color: var(--orange-dark) !important;
/* changes the font colour for horizontal rule markdown "***" */
font-weight: 900;
/* changes the font weight for horizontal rule markdown "***" */
-}}
+}
