neu

2023-11-17 09:14:25 +00:00 · 2023-11-17 09:14:25 +00:00 · d1ae9b910c
commit d1ae9b910c
1 changed files with 445 additions and 0 deletions
--- a/custom.css
+++ b/custom.css
@ -0,0 +1,445 @@
+/*
+This theme was adopted from Dracula for CodeMirror.
+Original author: Michael Kaminsky (http://github.com/mkaminsky11)
+Original theme by Zeno Rocha: (https://github.com/zenorocha/dracula-theme)
+*/
+
+/*
+@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+
+@import url("https://cdn.jsdelivr.net/gh/pengx17/logseq-dev-theme@main/bullet_threading.css");
+*/
+
+:root {
+	/*
+Original colors from Bear Panic Mode theme package
+
+  --bear-background-primary: rgba(17, 28, 42, 1);
+  --bear-title-color-primary: rgba(249, 181, 55, 1);
+  --bear-link-color-primary: rgba(84, 193, 220, 1);
+  --bear-accent-color-primary: rgba(249, 181, 55, 1);
+  --bear-insertion-color: rgba(252, 193, 70, 1);
+  --bear-selected-text-background-color: rgba(180, 216, 254, 0.5);
+  --bear-selected-text-inactive-background-color: rgba(105, 170, 207, 0.3);
+  --bear-style-marker-color: rgba(252, 193, 70, 0.7);
+  --bear-invalict-character-color: rgba(69, 70, 64, 1);
+  --bear-map-text-color: rgba(59, 235, 42, 1);
+  --bear-separator-color: rgba(252, 193, 70, 1);
+  --bear-hashtag-text-color: rgba(255, 255, 255, 1);
+  --bear-hashtag-marker-color: rgba(224, 232, 237, 1);
+  --bear-hasthag-background: rgba(111, 78, 188, 1);
+  --bear-hashtag-selected: rgba(111, 78, 188, 0.5);
+  --highlight-background-color: rgba(45, 78, 120, 1);
+  --highlight-marker: rgba(79, 116, 163, 1);
+  --code-background: rgba(23, 33, 52, 1);
+*/
+	/* Bullet threading root (delete two lines below if you don't want bullet threds */
+	--ls-block-bullet-active-color: var(--yellow);
+	--ls-block-bullet-threading-width: 1px;
+
+	/* CodeMirror root */
+
+	--background: rgba(17, 28, 42, 1);
+	--light-background: rgba(23, 33, 52, 1);
+	--lighter-background: rgba(23, 33, 52, 1);
+	--link-text-color: rgba(84, 193, 220, 1);
+	--dark-background: #020a14;
+	--darker-background: #191a21;
+	--current-line: #44475a;
+	--comment: #415694;
+	--white: rgba(246, 247, 238, 1);
+	--white-hover: rgba(176, 176, 176, 1);
+	--red: #d45288;
+	--orange: #ffb86c;
+	--yellow: rgba(249, 181, 55, 1);
+	--green: #55ca72;
+	--purple: rgba(111, 78, 188, 1);
+	--purple-hover: rgba(111, 78, 188, 0.5);
+	--cyan: #8be9fd;
+	--cyan-hover: #8be9fd80;
+	--blue: rgba(84, 193, 220, 1);
+	--checkbox-blue: rgba(38, 67, 104, 1);
+	--checkbox-border-blue: rgba(38, 67, 104, 1);
+	--checkbox-check: rgba(246, 247, 238, 1);
+	--highlight-blue: rgba(45, 78, 120, 1);
+	--pink: #ff79c6;
+
+	--bracket-color: #8be9fd;
+
+	--ls-tag-text-opacity: 0.8;
+	--ls-tag-text-hover-opacity: 0.8;
+	--ls-page-text-size: 16px;
+	--ls-page-title-size: 36px;
+	--ls-font-family: "Mulish", sans-serif;
+	--ls-font-weight: 300;
+	--ls-font-letter-spacing: 0.002em;
+	--ls-font-line-height: 1.5;
+
+	--ls-border-radius-low: 3px;
+	--ls-border-radius-medium: 6px;
+}
+
+.dark-theme,
+html[data-theme="dark"] {
+	--ls-primary-background-color: var(--background);
+	--ls-secondary-background-color: var(--dark-background);
+	--ls-tertiary-background-color: var(--lighter-background);
+	--ls-quaternary-background-color: var(--light-background);
+	--ls-quinary-background-color: var(--darker-background);
+
+	--ls-active-primary-color: var(--white);
+	--ls-active-secondary-color: var(--white);
+
+	--ls-primary-text-color: var(--white);
+	--ls-secondary-text-color: var(--white-hover);
+
+	--ls-search-background-color: var(--background);
+	--ls-border-color: var(--comment);
+	--ls-secondary-border-color: var(--ls-border-color);
+	--ls-menu-hover-color: var(--light-background);
+	--ls-table-tr-even-background-color: var(--light-background);
+
+	--ls-head-text-color: var(--white);
+	--ls-title-text-color: var(--white);
+
+	--ls-link-text-color: var(--pink);
+	--ls-link-text-hover-color: var(--white-hover);
+
+	--ls-link-ref-text-color: var(--blue);
+	--ls-link-ref-text-hover-color: var(--white-hover);
+	--ls-block-ref-link-text-color: var(--ls-border-color);
+
+	--ls-tag-text-color: var(--white);
+	--ls-tag-text-hover-color: var(--white-hover);
+
+	--ls-block-bullet-border-color: var(--current-line);
+	--ls-block-bullet-color: var(--yellow);
+	--ls-block-bullet-threading-width: 2px;
+	--ls-block-highlight-color: var(--current-line);
+	--ls-block-properties-background-color: var(--light-background);
+
+	--ls-page-checkbox-color: var(--checkbox-blue);
+	--ls-page-checkbox-border-color: var(--checkbox-border-blue);
+
+	--ls-page-blockquote-color: var(--white);
+	--ls-page-blockquote-bg-color: var(--light-background);
+	--ls-page-blockquote-border-color: var(--yellow);
+	--ls-page-properties-background-color: var(--light-background);
+
+	--ls-page-inline-code-color: var(--orange);
+	--ls-page-inline-code-bg-color: var(--background);
+
+	--ls-scrollbar-background-color: var(--background);
+	--ls-scrollbar-foreground-color: var(--darker-background);
+	--ls-scrollbar-thumb-hover-color: var(--light-background);
+
+	--ls-icon-color: var(--blue);
+	--ls-search-icon-color: var(--white-hover);
+	--ls-a-chosen-bg: var(--light-background);
+	--ls-right-sidebar-code-bg-color: var(--light-background);
+	--ls-selection-background-color: var(--comment);
+	--ls-slide-background-color: var(--ls-primary-background-color);
+	--ls-guideline-color: var(--ls-border-color);
+}
+
+html,
+body {
+	font-weight: var(--ls-font-weight);
+	letter-spacing: var(--ls-font-letter-spacing);
+	line-height: var(--ls-font-line-height);
+	font-size: var(--ls-page-text-size);
+	background-color: var(--ls-primary-background-color);
+}
+
+i {
+	font-weight: italic;
+}
+
+b {
+	font-weight: bold;
+}
+
+mark {
+	background-color: var(--highlight-blue);
+	color: var(--white);
+}
+
+.bg-orange-400 {
+	background-color: var(--orange);
+}
+
+.bg-green-600 {
+	background-color: var(--green);
+}
+
+.bg-red-500 {
+	background-color: var(--red);
+}
+
+.dark-theme .form-checkbox {
+	border: 1px solid var(--ls-page-checkbox-border-color) !important;
+	border-radius: var(--ls-border-radius-low) !important;
+}
+
+.external-link {
+	color: var(--pink);
+	text-decoration: none;
+	border-bottom: none;
+}
+
+.timestamp-label + a:hover,
+.external-link:hover,
+.marker-switch:hover,
+.block-ref:hover,
+.page-ref:hover {
+	color: var(--white-hover);
+}
+
+h1.title,
+.ls-block h1,
+.ls-block h2,
+.ls-block h3,
+.ls-block h4,
+.ls-block h5,
+.ls-block h6 {
+	font-weight: 400;
+	color: var(--yellow);
+}
+
+/* Priority tag styling */
+.priority {
+	color: var(--ls-tag-text-color);
+	opacity: 1 !important;
+	font-size: 0px; /* Hide text */
+}
+
+.priority:hover,
+a.tooltip-priority:hover {
+	color: var(--ls-tag-text-hover-color);
+	opacity: 0.5;
+}
+
+a.priority[href="#/page/A"]:before {
+	content: "A";
+	background: var(--red);
+}
+
+a.priority[href="#/page/B"]:before {
+	content: "B";
+	background: var(--yellow);
+}
+
+a.priority[href="#/page/C"]:before {
+	content: "C";
+	background: var(--green);
+}
+
+a.priority:before {
+	font-size: 0.9rem;
+	font-weight: 400;
+	padding: 1px 4px 0px 3px;
+	margin: 0px 2px 0px 0px;
+	border-radius: var(--ls-border-radius-low);
+	color: var(--ls-primary-background-color);
+}
+
+a.tooltip-priority {
+	color: var(--ls-tag-text-color);
+}
+
+.Tooltip__label {
+	background: var(--ls-quinary-background-color);
+}
+
+.Tooltip__label::after {
+	border-bottom-color: var(--ls-quinary-background-color);
+}
+
+.page-reference .bracket {
+	color: var(--yellow);
+	opacity: 0.8;
+}
+
+a.tag {
+	background: var(--purple);
+	border-radius: 50px;
+	padding: 1px 8px;
+	color: #fff;
+	font-weight: 500;
+	font-size: 0.9rem;
+}
+
+a.tag:hover {
+	background: var(--purple-hover);
+	color: var(--white-hover);
+}
+
+html[data-theme="dark"] .CodeMirror {
+	font-family: "FiraCode Nerd Font", "Fire Code", monospace;
+	line-height: 1.2;
+	background: var(--background);
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	color: var(--white);
+}
+
+html[data-theme="dark"] .cm-s-default .CodeMirror,
+html[data-theme="dark"] .CodeMirror .CodeMirror-gutters {
+	background-color: transparent;
+	color: var(--white) !important;
+	border: none;
+}
+
+html[data-theme="dark"] .extensions__code-lang {
+	background: var(--light-background);
+}
+
+html[data-theme="dark"] .CodeMirror {
+	border: 5px solid var(--light-background);
+}
+
+html[data-theme="dark"] .CodeMirror .CodeMirror-gutters {
+	color: var(--background);
+}
+html[data-theme="dark"] .CodeMirror .CodeMirror-cursor {
+	border-left: solid thin var(--white);
+}
+html[data-theme="dark"] .CodeMirror .CodeMirror-linenumber {
+	color: var(--comment);
+}
+html[data-theme="dark"] .CodeMirror .CodeMirror-selected {
+	background: rgba(255, 255, 255, 0.1);
+}
+
+html[data-theme="dark"] .CodeMirror .CodeMirror-line {
+	box-shadow: none;
+}
+
+html[data-theme="dark"] .CodeMirror .CodeMirror-line::selection,
+html[data-theme="dark"] .CodeMirror .CodeMirror-line > span::selection,
+html[data-theme="dark"]
+	.cm-s-default
+	.CodeMirror-line
+	> span
+	> span::selection {
+	background: rgba(255, 255, 255, 0.1);
+}
+html[data-theme="dark"] .CodeMirror .CodeMirror-line::-moz-selection,
+html[data-theme="dark"] .CodeMirror .CodeMirror-line > span::-moz-selection,
+html[data-theme="dark"]
+	.cm-s-default
+	.CodeMirror-line
+	> span
+	> span::-moz-selection {
+	background: rgba(255, 255, 255, 0.1);
+}
+html[data-theme="dark"] .CodeMirror span.cm-comment {
+	color: var(--comment);
+}
+html[data-theme="dark"] .CodeMirror span.cm-string,
+html[data-theme="dark"] .CodeMirror span.cm-string-2 {
+	color: var(--yellow);
+}
+html[data-theme="dark"] .CodeMirror span.cm-number {
+	color: var(--purle);
+}
+html[data-theme="dark"] .CodeMirror span.cm-variable {
+	color: var(--purple);
+}
+html[data-theme="dark"] .CodeMirror span.cm-variable-2 {
+	color: var(--white);
+}
+html[data-theme="dark"] .CodeMirror span.cm-def {
+	color: var(--white);
+}
+html[data-theme="dark"] .CodeMirror span.cm-operator {
+	color: var(--pink);
+}
+html[data-theme="dark"] .CodeMirror span.cm-keyword {
+	color: var(--pink);
+}
+html[data-theme="dark"] .CodeMirror span.cm-atom {
+	color: var(--purple);
+}
+html[data-theme="dark"] .CodeMirror span.cm-meta {
+	color: var(--white);
+}
+html[data-theme="dark"] .CodeMirror span.cm-tag {
+	color: var(--pink);
+}
+html[data-theme="dark"] .CodeMirror span.cm-attribute {
+	color: var(--green);
+}
+html[data-theme="dark"] .CodeMirror span.cm-qualifier {
+	color: var(--green);
+}
+html[data-theme="dark"] .CodeMirror span.cm-property {
+	color: var(--cyan);
+}
+html[data-theme="dark"] .CodeMirror span.cm-builtin {
+	color: var(--green);
+}
+html[data-theme="dark"] .CodeMirror span.cm-variable-3,
+html[data-theme="dark"] .CodeMirror span.cm-type {
+	color: var(--orange);
+}
+
+html[data-theme="dark"] .CodeMirror .CodeMirror-activeline-background {
+	background: rgba(255, 255, 255, 0.1);
+}
+html[data-theme="dark"] .CodeMirror .CodeMirror-matchingbracket {
+	text-decoration: underline;
+	color: var(--white) !important;
+}
+
+html[data-theme="dark"] #right-sidebar pre.CodeMirror-line {
+	background: transparent;
+}
+
+/* Changes all icons to the same color */
+.ti {
+	color: var(--ls-icon-color);
+}
+
+/* Changes sidebar link colors to the same color as the icons */
+.left-sidebar-inner a.item > span {
+	color: var(--ls-icon-color);
+}
+
+/* Journal Earlier link reveal  */
+a.fade-link {
+	color: var(--ls-icon-color);
+	font-weight: bold;
+	font-family: var(--font-family);
+}
+
+/* Flash card styling */
+div[data-refs-self*='"card"'] {
+	background-color: var(--light-background);
+}
+
+/* Dropdown menu */
+#head > div.r.flex > div > div.dropdown-wrapper > div,
+#head > div.r.flex > div > div.dropdown-wrapper > div > a {
+	background-color: var(--ls-secondary-background-color);
+}
+
+/* Block references */
+
+
+/* Hier kommen meine Änderungen */
+
+
+.ls-block :is(h1, h2, h3, h4, h5) {
+  font-weight: 500;
+  text-transform: none !important;
+}
+.page-ref:hover,
+.references-blocks .page-reference:hover {
+    color: HotPink;
+    background-color: rgb(134, 158, 233, 0.5) !important;
+}
+.page-ref {
+
+	color: HotPink;
+}