gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-06-06 18:08:33 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added darkRainbow Theme

Browse Source
This commit is contained in:
Abourass 2019-01-21 10:31:30 -07:00
parent f18b5babad
commit 44ff5ea760
2 changed files with 136 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

133
src/public/stylesheets/style.css
View File

@ -1,3 +1,6 @@
/* Adding in Custom Font Options - Abourass */
@import url('https://fonts.googleapis.com/css?family=Lato|Montserrat|Raleway');
:root {
--main-font-size: normal;
--tree-font-size: normal;
@ -76,6 +79,136 @@ body.theme-dark .CodeMirror {
filter: invert(90%) hue-rotate(180deg);
}
/* New theme @Abourass */
body.theme-darkRainbow {
--main-background-color: #191927;
--main-text-color: rgba(244, 246, 255, 1);
--accented-background-color: #555;
--more-accented-background-color: #777;
--header-background-color: #333;
--button-background-color: #222230;
--button-border-color: #444;
--button-text-color: rgb(244, 246, 255);
--button-border-radius: 4px;
--muted-text-color: #ccc;
--input-text-color: white;
--input-background-color: #333;
--modal-background-color: #555;
--hover-item-text-color: black;
--hover-item-background-color: #aaa;
--active-item-text-color: black;
--active-item-background-color: #ccc;
--menu-text-color: white;
--menu-background-color: #222;
}
body.theme-darkRainbow #header {
background-color: #434167;
}
body.theme-darkRainbow .btn:not(.btn-primary):not(.btn-secondary):not(.btn-danger) {
border-color: transparent !important;
background-color: #eeeeee59 !important;
box-shadow: 0px 6px 6px 0px hsla(0, 0%, 0%, 0.05) !important;
}
body.theme-darkRainbow #global-buttons {
border-radius: 4px !important;
border: 0 !important;
box-shadow: 0px 2px 5px -1px hsla(0, 1%, 16%, 0.2) !important;
background-color: #222230 !important;
color: rgb(244, 246, 255) !important;
border-top: 3px solid #e7bbec !important;
}
body.theme-darkRainbow .ui-fancytree {
background-color: #222230 !important;
border: 0 !important;
border-radius: 4px !important;
}
body.theme-darkRainbow ul.fancytree-container {
margin-left: 10px;
margin-right: 20px;
}
body.theme-darkRainbow ul.fancytree-container li {
color: #bb0707 !important;
}
body.theme-darkRainbow ul.fancytree-container li:nth-child(2n) {
color: #ce4c19 !important;
}
body.theme-darkRainbow ul.fancytree-container li:nth-child(3n) {
color: #e2cd2b !important;
}
body.theme-darkRainbow ul.fancytree-container li:nth-child(4n) {
color: #2bb343 !important;
}
body.theme-darkRainbow ul.fancytree-container li:nth-child(5n) {
color: #2bacb3 !important;
}
body.theme-darkRainbow ul.fancytree-container li:nth-child(6n) {
color: #4f67bf !important;
}
body.theme-darkRainbow ul.fancytree-container li:nth-child(7n) {
color: #7b4fbf !important;
}
body.theme-darkRainbow .dropdown.hide-toggle {
padding-left: 10px;
}
body.theme-darkRainbow span.fancytree-title {
color: rgb(244, 246, 255) !important;
}
body.theme-darkRainbow span.fancytree-active:not(.fancytree-focused) .fancytree-title {
background-color: #eee0 !important;
}
body.theme-darkRainbow p {
font-size: 17.3px !important;
color: hsl(0, 1%, 2%) !important;
}
body.theme-darkRainbow #title-container {
background-color: #35353e7d;
margin-right: 0.7rem;
margin-top: 0rem;
border-radius: 0.4rem;
padding-top: 3px;
padding-bottom: 4px;
border-top: 3px solid #54caefd6
}
body.theme-darkRainbow #note-title {
background-color: #9c94bb3b !important;
color: rgb(244, 246, 255) !important;
margin-left: 1rem !important;
margin-right: 1rem !important;
-webkit-border-radius: 0.4rem !important;
-moz-border-radius: 0.4rem !important;
border-radius: 0.4rem !important;
padding-left: 0.50rem !important;
}
body.theme-darkRainbow #note-detail-component-wrapper {
background-color: #8786a03d !important;
color: white !important;
}
body.theme-darkRainbow .CodeMirror-lines {
font-family: Lato;
color: #ced246eb;
}
body.theme-darkRainbow #note-detail-text {
color: #fffdfdde !important;
}
body.theme-darkRainbow #note-detail-text p {
color: #fffdfdde !important;
}
body.theme-darkRainbow #note-detail-wrapper {
padding-left: 0px !important;
padding-top: 0px !important;
background-color: #00000070 !important;
color: whitesmoke !important;
}
body.theme-darkRainbow figure {
background-color: grey;
}
body.theme-darkRainbow div#note-detail-text p {
margin-bottom: 5px;
margin-top: 5px;
text-indent: 0.9rem;
}
html {
/* this fixes FF filter vs. position fixed bug: https://github.com/zadam/trilium/issues/233 */
height: 100%;

4
src/views/dialogs/options.ejs
View File

@ -44,6 +44,8 @@
<option value="white">White</option>
<option value="dark">Dark</option>
<option value="black">Black</option>
<option value="darkRainbow">Rainbow in the Dark</option>
<option value="modern">Modern</option>
</select>
</div>
@ -223,7 +225,7 @@
<button id="anonymize-button" class="btn btn-secondary">Save anonymized database</button><br/><br/>
<p>This action will create a new copy of the database and anonymise it (remove all note content and leave only structure and metadata)
<p>This action will create a new copy of the database and anonymize it (remove all note content and leave only structure and metadata)
for sharing online for debugging purposes without fear of leaking your personal data.</p>
<h4>Vacuum database</h4>