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 19:16:58 -06:00
Code Issues Projects Releases Packages Wiki Activity

Change header and table colors, adjust letter spacing and quote margins, remove table borders

Browse source
This commit is contained in:
lolabird 2023-11-03 17:09:07 -06:00
commit 38c4db26f0
1 changed files with 29 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

40
stellar-dark.css
View file

@ -18,12 +18,13 @@ Inspired by https://github.com/Engr-AllanG/trilium-theme-Neon_Dark
--earth-sun: #333225;
--light-turquoise: #6df9f7;
--sea-foam: #6df9b1;
--italic-orange: /*#fbb3fc*/ #f4ba92;
--border-orange: /*#993e9b*/ #cc6c2c;
--italic-orange: #f4ba92;
--border-orange: #cc6c2c;
--sea-green: #04c963;
--shallow-sea-blue: #54bcba;
--header-font-family: Lucida Console, Monaco, sans-serif;
--header-fofnt-family: Lucida Console, Monaco, sans-serif;
--code-select-gray: #333;
--table-header-gray: #222;
}
@ -177,7 +178,7 @@ body h3 code {
}
body h4 {
color: var(--bright-sun);
color: #6cccca;
font-weight: 600;
font-family: var(--header-font-family);
font-size: 1.78rem !important;
@ -188,7 +189,7 @@ body h4 code {
}
body h5 {
color: var(--bright-sun);
color: #99cccb;
font-weight: 600;
font-family: var(--header-font-family);
font-size: 1.65rem !important;
@ -199,7 +200,7 @@ body h5 code {
}
body h6 {
color: var(--bright-sun);
color: #99ccb1;
font-weight: 600;
font-family: var(--header-font-family);
font-size: 1.53rem !important;
@ -209,27 +210,35 @@ body h6 code {
background: transparent !important;
}
/*****TEXT*****/
p {
*{
letter-spacing: 1.2px;
}
/*****TABLE*****/
.ck-content .table>figcaption {
background-color: var(--supa-dark);
background-color: var(--table-header-gray);
color: var(--darkened-sun);
font-size: 1.3rem;
font-weight: 600;
font-family: var(--header-font-family);
}
table th {
.ck-content .table table, .ck-content .table table td, .ck-content .table table th {
border: none;
}
.ck-content .table table th {
font-weight: 600 !important;
font-family: var(--header-font-family);
font-size: 1.15rem;
}
tr:nth-child(even) {
tr:nth-child(odd) {
background-color: var(--code-select-gray);
}
.ck-content .table table tbody tr:nth-child(odd) th {
background-color: var(--table-header-gray) !important;
}
/*****TEXT DECORATION*****/
/*bold*/
@ -267,6 +276,11 @@ body blockquote{
font-style: italic;
border-left: 5px solid var(--border-orange);
}
.ck-content blockquote p{
margin-bottom: 0;
padding-bottom: .3em;
}
/*****ICONS*****/
@ -460,6 +474,7 @@ pre::after{
background: var(--earth-sun) !important;
color: var(--bright-sun) !important;
border-color: var(--bright-sun) !important;
letter-spacing: 1px;
}
/***inline code***/
@ -468,9 +483,12 @@ pre::after{
font-size: .95rem;
background: var(--supa-dark);
color: var(--shallow-sea-blue) !important;
letter-spacing: 1px;
}
.ck-content .ck-code_selected {
background-color: var(--earth-sun) !important;
letter-spacing: 1px;
}