Octavia/stellar-dark-theme-trilium
Watch
1
0
Fork
You've already forked stellar-dark-theme-trilium
 0
mirror of https://github.com/Lolabird/stellar-dark-theme-trilium.git synced 2026-10-18 11:16:58 -06:00
Code Issues Projects Releases Packages Wiki Activity

Compare commits

merge into: Octavia:main
Branches Tags
Octavia:main
Octavia:refactor
Octavia:v3.1.0
Octavia:v3.0.1
Octavia:v3.0.0
Octavia:v2.0.6
Octavia:v2.0.5
Octavia:readme
Octavia:v2.0.0
Octavia:release
...
pull from: Octavia:refactor
Branches Tags
Octavia:refactor
Octavia:main
Octavia:v3.1.0
Octavia:v3.0.1
Octavia:v3.0.0
Octavia:v2.0.6
Octavia:v2.0.5
Octavia:readme
Octavia:v2.0.0
Octavia:release
Author SHA1 Message Date
lolabird
5123ac56af
 		Adjust read-only footnote styles 2026-01-18 15:21:43 -07:00
lolabird
c2977c80cb
 		Center note grids 2026-01-18 13:17:24 -07:00
lolabird
8652185ed7
 		Remove table borders and unnecessary attributes 2026-01-18 12:37:17 -07:00
lolabird
498ca4d4c4
 		Center text note content 2026-01-17 18:56:01 -07:00
lolabird
2fab6158dc
 		Remove icon styles 2026-01-17 18:19:49 -07:00
lolabird
76975bef33
 		Adjust order of sections 2026-01-17 17:26:52 -07:00
lolabird
3993998e44
 		Adjust order of sections 2026-01-17 16:43:02 -07:00
lolabird
27c9e844ba
 		Remove unnecessry toc styles 2026-01-17 16:09:22 -07:00
lolabird
e94cee02a8
 		Fix show position in toc colors 2026-01-17 15:54:20 -07:00
lolabird
491b8b0fa2
 		Fix background color in text editor code blocks 2026-01-17 15:19:00 -07:00
lolabird
357fc7b20d
 		Remove Codemirror code 2026-01-17 13:57:19 -07:00
lolabird
c9b0845d84
 		Remove styles for breadcrumbs plugin 2026-01-17 13:43:48 -07:00
lolabird
1f9b9daf01
 		Remove and rename files 2026-01-17 13:39:15 -07:00
lolabird
693131b1b6
 		Fix tab styles 2025-04-19 15:23:31 -06:00
2 changed files with 92 additions and 1307 deletions
Download patch file Download diff file Expand all files Collapse all files

1113
og_stellar-dark.css
View file

File diff suppressed because it is too large Load diff

286
next_stellar-dark.css → stellar-dark.css
View file

@ -225,6 +225,9 @@ html {
*:focus-visible {
outline: var(--bold-sun) auto 1px;
}
.component.note-detail, .component.note-list-widget {
margin: auto;
}
/*****Image Caption*****/
@ -246,8 +249,11 @@ html {
/*****TABS*****/
.tab-row-widget .note-tab .note-tab-wrapper {
height: 46px !important;
div.tab-row-widget .note-tab .note-tab-wrapper {
height: 39px;
padding: 5px 5px 2px 11px;
margin-top: 1px;
border-radius: 8px 8px 0 0;
font-size: var(--detail-font-size);
font-family: var(--header-font-family);
}
@ -274,23 +280,10 @@ html {
/*****TOC*****/
/***Only applies if 'Show Position in TOC' widget is in use***/
.toc-widget span.toc li[style] {
.toc li.in-view {
color: var(--bold-sun) !important;
}
.toc-widget span.toc li:not([style*="color:"]), .toc-widget span.toc li:not([style*="color:"]) * {
color: inherit !important;
}
.toc-widget .toc li, .highlights-list > ol > li {
text-align: left;
}
.toc kbd {
background: transparent;
text-decoration: underline;
color: inherit;
}
/*****Included Notes*****/
@ -381,7 +374,7 @@ html {
font-family: var(--header-font-family);
}
.ck-content .table table, .ck-content .table table td, .ck-content .table table th {
border: none;
border: none !important;
}
.ck-content .table table th {
font-weight: 600 !important;
@ -400,16 +393,11 @@ tr:nth-child(odd) {
}
.ck-content .table table thead th {
position: sticky;
position: -webkit-sticky;
top: 0;
z-index: 1;
}
.ck-content .table table tbody th {
position: relative;
}
.ck-content .table table thead th:first-child {
position: sticky;
position: -webkit-sticky;
left: 0;
z-index: 2;
}
@ -538,7 +526,7 @@ span.footnote-reference > sup > a {
font-size: .9em;
}
/*Block*/
div.footnote-section.ck-widget {
div.footnote-section.ck-widget, ol.footnote-section.footnotes {
border: none;
border-top: 1px solid var(--devils-gray-lol);
border-radius: 0;
@ -650,11 +638,6 @@ button.tree-floating-button {
font-size: 1.5rem !important;
}
/***Trilium icon***/
body .global-menu-button {
background-image: url("/assets/vX/images/icon-grey.png");
}
/*****INPUT FIELDS*****/
/***password and options menu fields***/
@ -903,7 +886,7 @@ div.content-floating-buttons button.bx {
/*****CODE IN TEXT NOTES)*****/
/***code blocks***/
.ck-content pre {
.ck-content pre, .ck-content pre.hljs {
background: var(--supa-dark);
font-size: 0.9rem;
border-color: var(--shallow-sea-blue);
@ -943,6 +926,86 @@ pre::after{
color: var(--bold-sun);
}
/***Highlight.js***/
pre code.hljs {
display:block;
overflow-x:auto;
padding:1em;
}
code.hljs {
padding:3px 5px;
}
.hljs{
background: var(--main-background);
color: var(--shallow-sea-blue) !important;
}
.hljs-number {
color: var(--code-number) !important;
}
.hljs-selector-class {
color: var(--code-class) !important;
}
.hljs-selector-pseudo {
color: var(--code-pseudo) !important;
}
.hljs-keyword {
color: var(--code-keyword) !important;
}
.hljs-meta {
color: var(--code-meta) !important;
}
.hljs-title,.hljs-property {
color: var(--code-def) !important;
}
.hljs-variable,.hljs-params,.hljs-subst {
color: var(--code-var) !important;
}
.hljs-comment,.hljs-quote {
color: var(--code-comment) !important;
}
.hljs-name,.hljs-name>.hljs-tag,.hljs-selector-tag,.hljs-tag,.hljs-deletion,.hljs-selector-attr {
color: var(--code-tag) !important;
}
.hljs-attribute {
color: var(--code-attribute) !important;
}
.hljs-addition,.hljs-literal,.hljs-section,.hljs-string,.hljs-string>.hljs-tag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-regexp {
color: var(--code-string) !important;
}
.hljs-built_in {
color: var(--code-builtin) !important;
}
.hljs-doctag,.hljs-attr,.hljs-attr>.hljs-tag,.hljs-bullet,.hljs-link,.hljs-symbol {
color: var(--soft-sea-green) !important;
}
.hljs-emphasis {
font-style:italic;
}
.hljs-strong {
font-weight:700;
}
/*****ZEN MODE*****/
.zen div.title-bar-buttons {
margin-left: 50px;
}
/*hide none-essential title-bar buttons*/
.zen .title-bar-buttons > :not(.top-btn,.minimize-btn,.maximize-btn,.close-btn) {
display: none;
}
/*hide nonessential center pane widgets*/
.zen #center-pane > :not(.split-note-container-widget) {
display: none !important;
}
/*show right pane*/
body.zen div.gutter {
display: block !important;
}
body.zen div#right-pane:not(.hidden-int) {
display: flex !important;
}
/*****CKEDITOR*****/
/******************************************************************
@ -1048,146 +1111,7 @@ body {
}
/*****CODEMIRROR****/
/******************************************************************
NOTE: comments for this section are for how they appear in CSS code notes unless otherwise noted. All code notes have the same color theme, but the application may be different. Some elements are affected the same way accross all code notes (i.e. all strings appear the same across code notes and as do comments, variables, and functions).
******************************************************************/
/***general appearance***/
/*'...line' is for regular code notes text, not sure what '...line-like' is for*/
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
color: var(--text-gray);
}
.CodeMirror-linenumber {color: var(--devils-gray-lol);}
.CodeMirror-cursor {
border-left: 1px solid var(--devils-gray-lol);
}
/***highlighted and selected text in code notes***/
.CodeMirror-selected {
background-color: var(--code-select-gray);
}
.CodeMirror-focused .CodeMirror-selected {
background-color: var(--code-select-gray);
}
.cm-s-default .cm-matchhighlight{
color: var(--text-gray) !important;
background-color: var(--earth-sun);
}
/***general elements***/
.cm-s-default .cm-atom {color: var(--code-number);} /*fonts and colors (code not words)*/
.cm-s-default .cm-def {color: var(--code-def);} /*@ and class definitions (php)*/
.cm-s-default .cm-qualifier {color: var(--code-class);} /*class*/
.cm-s-default .cm-builtin {color: var(--code-builtin);} /*id-selectors*/
.cm-s-default .cm-tag {color: var(--code-tag);} /*html tags*/
.cm-s-default .cm-meta {color: var(--code-meta);} /*meta (browser compatability) tags*/
.cm-s-default .cm-comment {color: var(--code-comment);} /*comments*/
.cm-s-default .cm-number {color: var(--code-number);} /*numbers including units, not including color codes*/
.cm-s-default .cm-keyword {color: var(--code-keyword);} /*color names and keywords*/
.cm-s-default .cm-attribute {color: var(--code-attribute);} /*print keyword*/
/***variables***/
.cm-s-default .cm-punctuation, .cm-s-default .cm-operator {}
.cm-s-default .cm-property{color: var(--code-attribute);}
.cm-s-default .cm-variable, .cm-s-default .cm-variable-2 {color: var(--code-var);} /*custom properties and php variables*/
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: var(--code-pseudo);} /*pseudo elements and classes*/
/***strings***/
.cm-s-default .cm-string {color: var(--code-string);}
.cm-s-default .cm-string-2 {color: var(--code-string);} /*Regex and strings that can contain other strings*/
/***brackets and parentheses***/
div.CodeMirror span.CodeMirror-matchingbracket {color: #01ba3f;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #c60101;}
/***code errors***/
.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}
/*****ADDONS*****/
/***Highlight.js***/
pre code.hljs {
display:block;
overflow-x:auto;
padding:1em;
}
code.hljs {
padding:3px 5px;
}
.hljs{
background: var(--main-background);
color: var(--shallow-sea-blue) !important;
}
.hljs-number {
color: var(--code-number) !important;
}
.hljs-selector-class {
color: var(--code-class) !important;
}
.hljs-selector-pseudo {
color: var(--code-pseudo) !important;
}
.hljs-keyword {
color: var(--code-keyword) !important;
}
.hljs-meta {
color: var(--code-meta) !important;
}
.hljs-title,.hljs-property {
color: var(--code-def) !important;
}
.hljs-variable,.hljs-params,.hljs-subst {
color: var(--code-var) !important;
}
.hljs-comment,.hljs-quote {
color: var(--code-comment) !important;
}
.hljs-name,.hljs-name>.hljs-tag,.hljs-selector-tag,.hljs-tag,.hljs-deletion,.hljs-selector-attr {
color: var(--code-tag) !important;
}
.hljs-attribute {
color: var(--code-attribute) !important;
}
.hljs-addition,.hljs-literal,.hljs-section,.hljs-string,.hljs-string>.hljs-tag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-regexp {
color: var(--code-string) !important;
}
.hljs-built_in {
color: var(--code-builtin) !important;
}
.hljs-doctag,.hljs-attr,.hljs-attr>.hljs-tag,.hljs-bullet,.hljs-link,.hljs-symbol {
color: var(--soft-sea-green) !important;
}
.hljs-emphasis {
font-style:italic;
}
.hljs-strong {
font-weight:700;
}
/***Zen Mode***/
.zen div.title-bar-buttons {
margin-left: 50px;
}
/*hide none-essential title-bar buttons*/
.zen .title-bar-buttons > :not(.top-btn,.minimize-btn,.maximize-btn,.close-btn) {
display: none;
}
/*hide nonessential center pane widgets*/
.zen #center-pane > :not(.split-note-container-widget) {
display: none !important;
}
/*show right pane*/
body.zen div.gutter {
display: block !important;
}
body.zen div#right-pane:not(.hidden-int) {
display: flex !important;
}
/***Theme Switcher***/
.theme-selection.component .switch {
top: 5.75px !important;
@ -1206,29 +1130,3 @@ body.zen div#right-pane:not(.hidden-int) {
.chat-wrapper .header_face:hover {
color: var(--bright-sun) !important;
}
/***Breadcrumbs***/
#breadcrumbs-bar {
display: flex;
align-items: center;
gap: 10px;
padding: 10px;
border-top: 1px solid var(--main-border-color);
border-bottom: 1px solid var(--main-border-color);
contain: none;
overflow: auto;
}
#breadcrumbs span a {
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
display: inherit;
}
#breadcrumbs a {
display: inline-flex;
line-height: 1;
padding: 5px 10px;
background-color: rgba(252, 251, 179, 0.05) !important;
border-radius: 12px;
transition: transform 200ms ease, background-color 200ms ease, filter 200ms ease;
}