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

Compare commits

merge into: Octavia:main
Branches Tags
Octavia:main
Octavia:refactor
Octavia:v0.1.0
...
pull from: Octavia:refactor
Branches Tags
Octavia:refactor
Octavia:main
Octavia:v0.1.0
Author SHA1 Message Date
lolabird
3f90365a67
 		Adjust read-only footnote styles 2026-01-18 15:21:26 -07:00
lolabird
f49a39bd9c
 		Center note grids 2026-01-18 13:16:41 -07:00
lolabird
210cba1b72
 		Remove table borders and unnecessary attributes 2026-01-18 12:37:04 -07:00
lolabird
c76166105b
 		Center text note content 2026-01-17 18:55:46 -07:00
lolabird
21483d973b
 		Remove icon styles 2026-01-17 18:19:33 -07:00
lolabird
9876de8451
 		Adjust order of sections 2026-01-17 17:28:05 -07:00
lolabird
96da75d37b
 		Remove unnecessry toc styles 2026-01-17 16:09:05 -07:00
lolabird
7daa3cfc89
 		Fix show position in toc colors 2026-01-17 15:54:02 -07:00
lolabird
d53410017e
 		Fix background color in text editor code blocks 2026-01-17 15:18:33 -07:00
lolabird
b9e99bb8d0
 		Remove Codemirror code 2026-01-17 13:55:07 -07:00
lolabird
69093dc2e8
 		Remove styles for breadcrumbs plugin 2026-01-17 13:43:39 -07:00
lolabird
c48e1537d4
 		Remove and rename files 2026-01-17 13:38:42 -07:00
lolabird
e2b3610035
 		Fix not being able to add colors to even row table cells 2025-09-17 19:16:04 -06:00
lolabird
1a144ecc72
 		Fix tab styles 2025-04-19 15:23:15 -06:00
2 changed files with 92 additions and 1364 deletions
Download patch file Download diff file Expand all files Collapse all files

290
next_ocean-dark.css → ocean-dark.css
View file

@ -232,6 +232,9 @@ html {
*:focus-visible {
outline: var(--carolina-blue) auto 1px;
}
.component.note-detail, .component.note-list-widget {
margin: auto;
}
/*****Image Caption*****/
@ -258,8 +261,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);
}
@ -286,26 +292,10 @@ html {
/*****TOC*****/
span.toc ol, span.highlights-list ol {
padding-left: 1.5rem;
}
/***Only applies if 'Show Position in TOC' widget is in use***/
.toc-widget span.toc li[style] {
.toc li.in-view {
color: var(--carolina-blue) !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*****/
@ -391,7 +381,7 @@ span.toc ol, span.highlights-list ol {
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;
@ -408,7 +398,7 @@ tr:nth-child(odd) {
background-color: var(--table-header-gray) !important;
}
.ck-content .table table tbody tr:nth-child(even) th, .ck-content .table table tbody tr:nth-child(even) td{
background-color: var(--deep-blue) !important;
background-color: var(--deep-blue);
}
.ck-content .table table {
width: 100%;
@ -417,16 +407,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;
}
@ -555,7 +540,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(--cool-gray);
border-radius: 0;
@ -673,11 +658,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***/
@ -929,7 +909,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(--deep-blue);
font-size: 0.95rem;
border-color: var(--soft-sea-green);
@ -969,6 +949,85 @@ pre::after{
color: var(--carolina-blue);
}
/***Highlight.js***/
pre code.hljs {
display:block;
overflow-x:auto;
padding:1em;
}
code.hljs {
padding:3px 5px;
}
.hljs{
background: var(--main-background);
color: var(--soft-sea-green) !important;
}
.hljs-number {
color: var(--light-green) !important;
}
.hljs-selector-class {
color: var(--light-blue) !important;
}
.hljs-selector-pseudo {
color: var(--brown) !important;
}
.hljs-keyword {
color: var(--light-red) !important;
}
.hljs-meta {
color: var(--cyan) !important;
}
.hljs-title,.hljs-property {
color: var(--light-cyan) !important;
}
.hljs-variable,.hljs-params,.hljs-subst {
color: var(--blue) !important;
}
.hljs-comment,.hljs-quote {
color: var(--dark-gray) !important;
}
.hljs-name,.hljs-name>.hljs-tag,.hljs-selector-tag,.hljs-tag,.hljs-deletion,.hljs-selector-attr {
color: var(--green) !important;
}
.hljs-attribute {
color: var(--carolina-blue) !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(--yellow) !important;
}
.hljs-built_in {
color: var(--purple) !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*****/
@ -1075,146 +1134,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(--main-text-color);
}
.CodeMirror-linenumber {color: var(--cool-gray);}
.CodeMirror-cursor {
border-left: 1px solid var(--cool-gray);
}
/***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(--main-text-color) !important;
background-color: var(--table-header-gray);
}
/***general elements***/
.cm-s-default .cm-atom {color: var(--light-green);} /*fonts and colors (code not words)*/
.cm-s-default .cm-def {color: var(--light-cyan);} /*@ and class definitions (php)*/
.cm-s-default .cm-qualifier {color: var(--light-blue);} /*class*/
.cm-s-default .cm-builtin {color: var(--purple);} /*id-selectors*/
.cm-s-default .cm-tag {color: var(--green);} /*html tags*/
.cm-s-default .cm-meta {color: var(--cyan);} /*meta (browser compatability) tags*/
.cm-s-default .cm-comment {color: var(--dark-gray);} /*comments*/
.cm-s-default .cm-number {color: var(--light-green);} /*numbers including units, not including color codes*/
.cm-s-default .cm-keyword {color: var(--light-red);} /*color names and keywords*/
.cm-s-default .cm-attribute {color: var(--carolina-blue);} /*print keyword*/
/***variables***/
.cm-s-default .cm-punctuation, .cm-s-default .cm-operator {}
.cm-s-default .cm-property{color: var(--carolina-blue);}
.cm-s-default .cm-variable, .cm-s-default .cm-variable-2 {color: var(--blue);} /*custom properties and php variables*/
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: var(--brown);} /*pseudo elements and classes*/
/***strings***/
.cm-s-default .cm-string {color: var(--yellow);}
.cm-s-default .cm-string-2 {color: var(--yellow);} /*Regex and strings that can contain other strings*/
/***brackets and parentheses***/
div.CodeMirror span.CodeMirror-matchingbracket {color: #92D652;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: var(--red);}
/***code errors***/
.cm-s-default .cm-error {color: var(--red);}
.cm-invalidchar {color: var(--red);}
/*****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(--soft-sea-green) !important;
}
.hljs-number {
color: var(--light-green) !important;
}
.hljs-selector-class {
color: var(--light-blue) !important;
}
.hljs-selector-pseudo {
color: var(--brown) !important;
}
.hljs-keyword {
color: var(--light-red) !important;
}
.hljs-meta {
color: var(--cyan) !important;
}
.hljs-title,.hljs-property {
color: var(--light-cyan) !important;
}
.hljs-variable,.hljs-params,.hljs-subst {
color: var(--blue) !important;
}
.hljs-comment,.hljs-quote {
color: var(--dark-gray) !important;
}
.hljs-name,.hljs-name>.hljs-tag,.hljs-selector-tag,.hljs-tag,.hljs-deletion,.hljs-selector-attr {
color: var(--green) !important;
}
.hljs-attribute {
color: var(--carolina-blue) !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(--yellow) !important;
}
.hljs-built_in {
color: var(--purple) !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;
@ -1240,29 +1160,3 @@ body.zen div#right-pane:not(.hidden-int) {
.chat-wrapper .header_face:hover {
color: var(--carolina-blue) !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(137, 180, 250, 0.1) !important;
border-radius: 12px;
transition: transform 200ms ease, background-color 200ms ease, filter 200ms ease;
}

1166
og_ocean-dark.css
View file

File diff suppressed because it is too large Load diff