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-20 20:26:59 -06:00
Code Issues Projects Releases Packages Wiki Activity

Change header, table, caption and text decoration colors

Browse source
This commit is contained in:
lolabird 2025-01-12 01:50:17 -07:00
commit b07b7cbee0
No known key found for this signature in database
GPG key ID: 1A741DA554A3B0CF
1 changed files with 17 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

34
ocean-dark.css
View file

@ -233,7 +233,7 @@ html {
/*****Image Caption*****/ /*****Image Caption*****/
.ck-content figure.image>figcaption { .ck-content figure.image>figcaption {
font-size: 1rem; font-size: 1.1rem;
font-weight: 300; font-weight: 300;
font-style: oblique; font-style: oblique;
color: var(--main-text-color) !important; color: var(--main-text-color) !important;
@ -241,9 +241,9 @@ html {
.ck-content figure.image>figcaption code { .ck-content figure.image>figcaption code {
font-size: .8rem; font-size: .8rem;
} }
.ck-content figure.image>figcaption i { .ck-content figure.image>figcaption i, .ck-content figure.image>figcaption i>b, .ck-content figure.image>figcaption i>strong {
font-style: normal; font-style: normal;
color: var(--main-text-color); color: var(--carolina-blue);
} }
.ck-content figure.image>figcaption b, .ck-content figure.image>figcaption strong { .ck-content figure.image>figcaption b, .ck-content figure.image>figcaption strong {
color: var(--main-text-color); color: var(--main-text-color);
@ -315,7 +315,7 @@ html {
/*****HEADERS*****/ /*****HEADERS*****/
/*h1 is not defined, because it's not currently an option for headers in the main body*/ /*h1 is not defined, because it's not currently an option for headers in the main body*/
.ck-content h2 { .ck-content h2 {
color: var(--white); color: #eed99a;
font-weight: 800; font-weight: 800;
font-size: 2rem; font-size: 2rem;
} }
@ -325,7 +325,7 @@ html {
} }
.ck-content h3 { .ck-content h3 {
color: var(--white); color: var(--foreground);
font-weight: 700; font-weight: 700;
font-size: 1.9rem; font-size: 1.9rem;
} }
@ -345,7 +345,7 @@ html {
} }
.ck-content h5 { .ck-content h5 {
color: var(--white); color: var(--light-gray);
font-weight: 600; font-weight: 600;
font-size: 1.65rem; font-size: 1.65rem;
} }
@ -355,7 +355,7 @@ html {
} }
.ck-content h6 { .ck-content h6 {
color: var(--white); color: var(--light-red);
font-weight: 600; font-weight: 600;
font-size: 1.53rem; font-size: 1.53rem;
} }
@ -368,7 +368,7 @@ html {
/*****TABLE*****/ /*****TABLE*****/
.ck-content .table>figcaption { .ck-content .table>figcaption {
background-color: var(--table-header-gray); background-color: var(--table-header-gray);
color: var(--white); color: var(--dark-gray);
font-size: 1.3rem; font-size: 1.3rem;
font-weight: 600; font-weight: 600;
font-family: var(--header-font-family); font-family: var(--header-font-family);
@ -379,7 +379,7 @@ html {
.ck-content .table table th { .ck-content .table table th {
font-weight: 600 !important; font-weight: 600 !important;
font-size: 1.15rem; font-size: 1.15rem;
color: var(--main-text-color); color: var(--carolina-blue);
} }
tr:nth-child(odd) { tr:nth-child(odd) {
background-color: var(--table-header-gray); background-color: var(--table-header-gray);
@ -445,10 +445,10 @@ li label {
/***italics and quotes***/ /***italics and quotes***/
body em, body i { body em, body i {
color:var(--main-text-color); color:var(--carolina-blue);
} }
.ck-content blockquote { .ck-content blockquote {
color: var(--main-text-color); color: var(--carolina-blue);
font-weight: 300; font-weight: 300;
font-size: 1.5rem; font-size: 1.5rem;
overflow: hidden; overflow: hidden;
@ -457,20 +457,20 @@ color:var(--main-text-color);
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
font-style: italic; font-style: italic;
border-left: 3px solid var(--white); border-left: 3px solid var(--dark-gray);
} }
.ck-content blockquote p{ .ck-content blockquote p{
margin-bottom: 0; margin-bottom: 0;
padding-bottom: .3em; padding-bottom: .3em;
} }
.ck-content blockquote i{ .ck-content blockquote b, .ck-content blockquote strong{
color: var(--carolina-blue);
font-weight: 500;
}
.ck-content blockquote i, .ck-content blockquote i > b, .ck-content blockquote i > strong{
font-style: normal; font-style: normal;
color: var(--main-text-color); color: var(--main-text-color);
} }
.ck-content blockquote b, .ck-content blockquote strong{
color: var(--main-text-color);
font-weight: 500;
}
.ck-content blockquote code, .ck-content blockquote code i, .ck-content blockquote code strong { .ck-content blockquote code, .ck-content blockquote code i, .ck-content blockquote code strong {
font-size: 1.1rem; font-size: 1.1rem;
} }