Files

1576 lines
1.2 MiB
CSS
Raw Permalink Normal View History

2025-12-11 17:42:41 +01:00
/*********************************************************
____ ____ _____ ________ _______ _ __
/ __ \/ __ ) ___// _/ __ \/ _/ | / | / /
/ / / / __ \__ \ / // / / // // /| | / |/ /
/ /_/ / /_/ /__/ // // /_/ // // ___ |/ /| /
_\____/_____/____/___/_____/___/_/ |_/_/ |_/
/_ __/ ____/ __ \/ |/ / _/ | / / | / /
/ / / __/ / /_/ / /|_/ // // |/ / /| | / /
/ / / /___/ _, _/ / / // // /| / ___ |/ /___
/_/ /_____/_/ |_/_/ /_/___/_/ |_/_/ |_/_____/
Created with :green_heart: by zcysxy (@Atlas#7560)
Github: https://github.com/zcysxy/Obsidian-Terminal-Theme
*********************************************************/
/* Style Settings */
/* @settings
name: Obsidian Terminal Style Settings
id: a-unique-id
settings:
-
id: colors
title: Colors
type: heading
level: 1
collapsed: false
-
id: the-color
title: Accent Color
type: variable-color
format: hex
alt-format:
-
id: the-color-rgb
format: rgb
default: '#15d00d'
-
id: the-background-color
title: Background Color
type: variable-color
format: hex
default: '#000000'
-
id: prompts
title: Prompts (Not Supported Yet)
type: heading
level: 1
collapsed: false
*/
/*
-
id: input-prompt
title: Input Prompt
type: variable-text
default: "$"
-
id: not-created-note
title: Not Created
type: variable-text
default: "+"
-
id: pin-command
title: Pinned Command
type: variable-text
default: "*"
-
id: selected
title: Selected Item
type: variable-text
default: ">"
-
id: active-tab
title: Active Tab
type: variable-text
default: "^"
-
id: --collapse-right
title: Collapsed
type: variable-text
default: ">"
-
id: --collapse-down
title: Not Collapsed
type: variable-text
default: "v"
-
id: show-more-top
title: Show More Above
type: variable-text
default: "+\\"
-
id: show-more-bottom
title: Show More Below
type: variable-text
default: "+/"
-
id: search
title: Search Prompt
type: variable-text
default: "/"
-
id: replace
title: Replace Prompt
type: variable-text
default: ":"
-
id: prev
title: Previous Item
type: variable-text
default: "<"
-
id: next
title: Next Item
type: variable-text
default: ">"
-
id: all
title: Apply to All
type: variable-text
default: "-a"
-
id: close
title: Close
type: variable-text
default: "x"
-
id: quit
title: Quit
type: variable-text
default: "/q"
-
id: preview-mode
title: Switch to Preview Mode
type: variable-text
default: "/p"
-
id: edit-mode
title: Switch to Edit Mode
type: variable-text
default: "/e"
-
id: more
title: More Options
type: variable-text
default: "/?"
-
id: pwd
title: Present Working Document Prompt
type: variable-text
default: "PWD"
*/
/* --the-font: Fira Code */
/* @font-face {
font-family: 'Fira Code';
src: url(data:font/truetype;charset=utf-8;base64,<<txt>>) format('truetype');
font-weight: normal;
font-style: normal;
} */
@font-face {
font-family: 'Fira Code';
src: url(data:font/truetype;charset=utf-8;base64,AAEAAAASAQAABAAgRFNJRwAAAAEABJCIAAAACEdERUYEHwWNAAABLAAAAepHUE9T9iEO8gAAAxgAAB5yR1NVQoRqeW8AACGMAABvPk9TLzKm1AfGAACQzAAAAGBjbWFwveGU0wAAkSwAAEH0Y3Z0IEaSGV4ABIDwAAAAqGZwZ22eNhXSAASBmAAADhVnYXNwAAAAEAAEgOgAAAAIZ2x5ZoKNRBkAANMgAAMclGhlYWQQnqWNAAPvtAAAADZoaGVhAngE8AAD7+wAAAAkaG10eI7hnhMAA/AQAAAc8GxvY2EJlw34AAQNAAAAHQhtYXhwDHcStgAEKggAAAAgbmFtZaLkLboABCooAAAJh3Bvc3SUY1JbAAQzsAAATTVwcmVwis2cHgAEj7AAAADWAAEAAAAMAAAAAAAAAAIATwAEACsAAQAtAC4AAQAwAGIAAQBkAIgAAQCLAJ4AAQCgALwAAQC+ANIAAQDUAN8AAQDhAO0AAQDvARMAAQEVARcAAQEbARsAAQEdAR0AAgEhAUQAAQFGAU4AAQFQAVIAAQFUAV4AAQFgAWUAAQFoAWgAAQFqAXUAAQF3AXsAAQF9AX0AAQF/AX8AAQGBAYgAAQGKAaAAAQGiAa8AAQGxAbIAAQG0Ab8AAQHBAcQAAQHGAdQAAQHWAe4AAQHwAfEAAQHzAfUAAQH6AgYAAQIJAgsAAQIPAg8AAQIRAhgAAQIaAi4AAQIwAjAAAQIyAjwAAQI+Aj8AAQJBAksAAQJNAvwAAQL+Av4AAQMAAwUAAQMHAwcAAQMJA4wAAQOPA5AAAQOUA5QAAQRGBHIAAgR4BHkAAgR9BIIAAgSGBIgAAgSvBK8AAQSxBLEAAQTcBNwAAQT+BP4AAQUCBQIAAQYaBhoAAQYvBjAAAQYyBjIAAQZDBkMAAQZFBkUAAQZHBkgAAQZKBksAAQZNBlAAAQZSBloAAQZcBlwAAQZpBmwAAQZvBnUAAQZ3BncAAQZ6BnsAAQaFBrAAAga0BsAAAgbEBuMAAgbmBuYAAQbtBv8AAwcOBw4AAwcdBx4AAwAAAAEAAAAKASQDRgAGREZMVAAmY3lybAA0Z3JlawBCbGF0bgBQemluaAD+enl5eQEMAAQAAAAA//8AAgAAABAABAAAAAD//wACAAEAEQAEAAAAAP//AAIAAgASAEAACkFGSyAASkFaRSAAVENBVCAAXkNSVCAAaEtBWiAAck1PTCAAfFBMSyAAhlJPTSAAkFRBVCAAmlRSSyAApAAA//8AAgADABMAAP//AAIABAAUAAD//wACAAUAFQAA//8AAgAGABYAAP//AAIABwAXAAD//wACAAgAGAAA//8AAgAJABkAAP//AAIACgAaAAD//wACAAsAGwAA//8AAgAMABwAAP//AAIADQAdAAQAAAAA//8AAgAOAB4ABAAAAAD//wACAA8AHwAgbWFyawDCbWFyawDObWFyawDabWFyawDmbWFyawDybWFyawD+bWFyawEKbWFyawEWbWFyawEibWFyawEubWFyawE6bWFyawFGbWFyawFSbWFyawFebWFyawFqbWFyawF2bWttawGCbWttawGMbWttawGWbWttawGgbWttawGqbWttawG0bWttawG+bWttawHIbWttawHSbWttawHcbWttawHmbWttawHwbWttawH6bWttawIEbWttawIObWttawIYAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAHABAAGAAgACgAMAA4AEAABAAAAAEAOAAEAAAAAQJEAAQAAAABCJQABAAAAAERhAAGAAAAAReQAAYAAAABGA4ABgAAAAEYOgABGQAZFgACAAwAXgAUAAEBGAABARgAAQEYAAEBGAABAR4AAQEYAAEBGAABARgAAQEYAAEBGAABARgAAQEYAAEBJAABASoAAQEwAAABDAAAAQwAAAEMAAEBGAAAARIALgDkAOoA8AD2AOQA6gD8AQIA5ADqAOQA6gD8AQIA5AEIAQ4BFADkARoBIAEmASwBMgE4AT4A5AFEAUoBUAFWAVwBYgFoAW4BdAF6AYABegGAAXoBgAF6AYABhgFcAUoBjAGSAVABSgGMAUoBjAGYAZ4BLAEyAYYBXAEsATIBVgGkAYYBXAEgASYBqgGwATgBPgEsATIBhgFcAYYBXAGGAVwBSgGMAUoBjAFKAYwBSgFQASwBMgFWAaQAAf2oAAAAAf0mAAAAAf2oBB0AAf1VBB0AAf4LBB0AAf15BB0AAf2lBB0AAQJYAAAAAQJYBWEAAQK7AAAAAQLbBWEAAQIlAAAAAQIuBWEAAQJUBWEAAQJ7AScAAQJ7BpEAAQJYBWoAAQP1AcoAAQP4A5AAAQMcAcoAAQMiA5AAAQP7AcoAAQOXA5AAAQJYBcUAAQPmAcoAAQPlA5AAAQMdAcoAAQMeA5AAAQP3AcoAAQP0A5AAAQJnAcoAAQJkA5AAAQJ3AcoAAQKBA5AAAQMeAcoAAQPmA5AAAQPlAcoAAQQHAcoAAQQRA5AAAQMdA5AAAQMzAcoAAQLPA5AAARbsF2IAAgAMAF4AFAABBFQAAQRUAAEEVAABBFQAAQRaAAEEVAABBFQAAQRUAAEEVAABBFQAAQRUAAEEVAABBGAAAQRmAAEEbAAABEgAAARIAAAESAABBFQAAAROAP0EIAQmBCwEJgQsBCYEMgQ4BDIEOAQyBDgEPgQmBEQESgREBEoERARKBCwEJgRQBFYELAQmBCwEJgQsBCYELAQmBCwEXAQsBFwELAQmBCwEJgQsBCYELAQmBCwEJgQsBCYEYgRoBG4EdAQsBHoELAR6BCwEJgQsBCYELASABCwAAAQsBCYELAQmBCwAAAQsBCYELAQmBCwEJgQsBCYEhgSMBCwEJgQsBJIELAQmBCwEJgQsBJgELAQmBCwEJgQ+BCYELAQmBCwEJgQsBCYELAQmBCwEJgQsBCYAAASeBCwEJgQsBCYELASkBCwEqgSwBLYEPgQmBCwEJgRQBFYELARcBCwEJgS8BMIEPgQmBCwEJgQ+BCYEYgRoBG4EdAQsBMgELATIBCwEJgQ+BCYELASABCwEgAQsBCYELAQmBCwEJgQsBCYELAQmBD4EJgQsBCYELASABCAEJgQgBCYELATOBEQESgQsBNQELATUBCwEJgRQBFYELAQmBCwEJgQsBCYELAQmBCwEJgQsBJIELAR6BCwEegQsBHoELASABDIEOAQsBCYE2gTgBOYE7AQsBCYELAQmBCwEJgQsBCYEPgQmBCwEJgQsBCYE8gT4BCwEJgQsBCYELAQmBCwEJgQsBCYELAQmBCwEJgT+BQQEPgQmBD4EJgQsBCYELAQmBCwEJgQ+BCYEPgQmBCwFCgQsBRAFFgUcBRYFHAUWBRwEPgUiBCwFKAQsBSgELAUuBCwFIgU0BToELAUiBCwFIgQsBSIELAVABCwFQAQsBSIELAUiBCwFIgQsBSIELAUiBUYFTAQsBSIAAAUiAAAFIgQ+BRAELAUiBCwFUgVYAAAELAUiBCwFIgQsAAAELAUiBCwFIgQsBSIELAUiBIYFXgQsBSIELAVkBCwAAAAABWoAAAVwBCwFEAQsBSIELAUiBD4F
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Fira Code';
src: url(data:font/truetype;charset=utf-8;base64,AAEAAAASAQAABAAgRFNJRwAAAAEABMCUAAAACEdERUYEHwWNAAABLAAAAepHUE9TU/EGogAAAxgAAB7AR1NVQoRqeW8AACHYAABvPk9TLzKnpgfMAACRGAAAAGBjbWFwveGU0wAAkXgAAEH0Y3Z0IElbG8YABLD8AAAAqGZwZ22eNhXSAASxpAAADhVnYXNwAAAAEAAEsPQAAAAIZ2x5Zr58aa4AANNsAANL/GhlYWQQgaWOAAQfaAAAADZoaGVhAlsE8AAEH6AAAAAkaG10eI6mw0YABB/EAAAc8GxvY2EKyRMQAAQ8tAAAHQhtYXhwDHcStAAEWbwAAAAgbmFtZSdj9egABFncAAAJ3XBvc3SUY1JbAARjvAAATTVwcmVwis2cHgAEv7wAAADWAAEAAAAMAAAAAAAAAAIATwAEACsAAQAtAC4AAQAwAGIAAQBkAIgAAQCLAJ4AAQCgALwAAQC+ANIAAQDUAN8AAQDhAO0AAQDvARMAAQEVARcAAQEbARsAAQEdAR0AAgEhAUQAAQFGAU4AAQFQAVIAAQFUAV4AAQFgAWUAAQFoAWgAAQFqAXUAAQF3AXsAAQF9AX0AAQF/AX8AAQGBAYgAAQGKAaAAAQGiAa8AAQGxAbIAAQG0Ab8AAQHBAcQAAQHGAdQAAQHWAe4AAQHwAfEAAQHzAfUAAQH6AgYAAQIJAgsAAQIPAg8AAQIRAhgAAQIaAi4AAQIwAjAAAQIyAjwAAQI+Aj8AAQJBAksAAQJNAvwAAQL+Av4AAQMAAwUAAQMHAwcAAQMJA4wAAQOPA5AAAQOUA5QAAQRGBHIAAgR4BHkAAgR9BIIAAgSGBIgAAgSvBK8AAQSxBLEAAQTcBNwAAQT+BP4AAQUCBQIAAQYaBhoAAQYvBjAAAQYyBjIAAQZDBkMAAQZFBkUAAQZHBkgAAQZKBksAAQZNBlAAAQZSBloAAQZcBlwAAQZpBmwAAQZvBnUAAQZ3BncAAQZ6BnsAAQaFBrAAAga0BsAAAgbEBuMAAgbmBuYAAQbtBv8AAwcOBw4AAwcdBx4AAwAAAAEAAAAKASQDRgAGREZMVAAmY3lybAA0Z3JlawBCbGF0bgBQemluaAD+enl5eQEMAAQAAAAA//8AAgAAABAABAAAAAD//wACAAEAEQAEAAAAAP//AAIAAgASAEAACkFGSyAASkFaRSAAVENBVCAAXkNSVCAAaEtBWiAAck1PTCAAfFBMSyAAhlJPTSAAkFRBVCAAmlRSSyAApAAA//8AAgADABMAAP//AAIABAAUAAD//wACAAUAFQAA//8AAgAGABYAAP//AAIABwAXAAD//wACAAgAGAAA//8AAgAJABkAAP//AAIACgAaAAD//wACAAsAGwAA//8AAgAMABwAAP//AAIADQAdAAQAAAAA//8AAgAOAB4ABAAAAAD//wACAA8AHwAgbWFyawDCbWFyawDObWFyawDabWFyawDmbWFyawDybWFyawD+bWFyawEKbWFyawEWbWFyawEibWFyawEubWFyawE6bWFyawFGbWFyawFSbWFyawFebWFyawFqbWFyawF2bWttawGCbWttawGMbWttawGWbWttawGgbWttawGqbWttawG0bWttawG+bWttawHIbWttawHSbWttawHcbWttawHmbWttawHwbWttawH6bWttawIEbWttawIObWttawIYAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAHABAAGAAgACgAMAA4AEAABAAAAAEAOAAEAAAAAQJWAAQAAAABCLIABAAAAAERtAAGAAAAARfMAAYAAAABGFAABgAAAAEYggABGU4ZZAACAAwAXgAUAAEBHgABASQAAQEeAAEBHgABASoAAQEkAAEBJAABAR4AAQEkAAEBHgABAR4AAQEeAAEBMAABATYAAQE8AAABDAAAARIAAAESAAEBHgAAARgALgDwAPYA/AECAPAA9gEIAQ4A8AD2APAA9gEIAQ4A8AEUARoBIADwASYBLAEyATgBPgFEAUoA8AFQAVYBXAFiAWgBbgF0AXoBgAGGAYwBhgGMAYYBjAGGAYwBkgFoAVYBmAGeAaQBVgGYAVYBmAGqAbABOAE+AZIBaAE4AT4BOAG2AZIBaAEsATIBvAHCAUQBSgE4AT4BkgFoAZIBaAGSAWgBVgGYAVYBmAFWAZgBVgFcATgBPgE4AbYAAf2pAAAAAf2oAAAAAf0mAAAAAf2oBCMAAf2pBCMAAf1lBCMAAf4SBCMAAfzuBCMAAf2iBCMAAQJYAAAAAQJYBWcAAQK+AAAAAQLVBWcAAQIsAAAAAQIvBWcAAQJVBWcAAQJ0AP0AAQJ0BmcAAQJYBWoAAQPrAcoAAQPsA5IAAQMdAcoAAQMkA5IAAQP1AcoAAQOVA5IAAQJYBcoAAQPmAcoAAQPqA5IAAQMiAcoAAQMeA5IAAQP0AcoAAQPzA5IAAQJkAcoAAQJjA5IAAQJ4AcoAAQJ/A5IAAQMeAcoAAQPmA5IAAQPlAcoAAQPlA5IAAQQIAcoAAQQPA5IAAQMdA5IAAQMtAcoAAQLNA5IAARcoF54AAgAMAF4AFAABBFoAAQRgAAEEWgABBFoAAQRmAAEEYAABBGAAAQRaAAEEYAABBFoAAQRaAAEEWgABBGwAAQRyAAEEeAAABEgAAAROAAAETgABBFoAAARUAP0ELAQyBDgEMgQ4BDIEPgREBD4ERAQ+BEQESgQyBFAEVgRQBFYEUARWBDgEMgRcBGIEOAQyBDgEMgQ4BDIEOAQyBDgEaAQ4BGgEOAQyBDgEMgQ4BDIEOAQyBDgEMgQ4BDIEbgR0BHoEgAQ4BIYEOASGBDgEMgQ4BDIEOASMBDgAAAQ4BDIEOAQyBDgAAAQ4BDIEOAQyBDgEMgQ4BDIEegSSBDgEMgQ4BJgEOAQyBDgEMgQ4BJ4EOAQyBDgEMgRKBDIEOAQyBDgEMgQ4BDIEOAQyBDgEMgQ4BDIAAASkBDgEMgQ4BDIEOASqBDgEsAS2BLwESgQyBDgEMgRcBGIEOARoBDgEMgTCBMgESgQyBDgEMgRKBDIEbgR0BHoEgAQ4BM4EOATOBDgEMgRKBDIEOASMBDgEjAQ4BDIEOAQyBDgEMgQ4BDIEOAQyBEoEMgQ4BDIEOASMBCwEMgQsBDIEOATUBFAEVgQ4BNoEOATaBDgEMgRcBGIEOAQyBDgEMgQ4BDIEOAQyBDgEMgQ4BJgEOASGBDgEhgQ4BIYEOASMBD4ERAQ4BDIE4ATmBOwE8gQ4BDIEOAQyBDgEMgQ4BDIESgQyBDgEMgQ4BDIE+AT+BDgEMgQ4BDIEOAQyBDgEMgQ4BDIEOAQyBDgEMgUEBFYESgQyBEoEMgQ4BDIEOAQyBDgEMgRKBDIESgQyBDgFCgQ4BRAFFgUcBRYFHAUWBRwESgUiBDgFKAQ4BSgEOAUuBDgFIgU0BToEOAUiBDgFIgQ4BSIEOAVABDgFQAQ4BSIEOAUiBDgFIgQ4BSIEOAUiBUYFTAQ4BSIAAAUiAAAFIgRKBRAEOAUiBDgFUgVYAAAEOAUiBDgFIgQ4AAAEOAUiBDgFIgQ4BSIEOAUiBV4FZAQ4BSIEOAVqBDgAAAAABXAA
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Fira Code';
src: url(data:font/truetype;charset=utf-8;base64,AAEAAAASAQAABAAgRFNJRwAAAAEABPLgAAAACEdERUYEHwWNAAABLAAAAepHUE9TIbJ9iQAAAxgAAB5aR1NVQoRqeW8AACF0AABvPk9TLzKoDwevAACQtAAAAGBjbWFwveGU0wAAkRQAAEH0Y3Z0IErbHQ8ABONIAAAAqGZwZ22eNhXSAATj8AAADhVnYXNwAAAAEAAE40AAAAAIZ2x5Zm4er7kAANMIAAN/KGhlYWQQgqWPAARSMAAAADZoaGVhAlsE8AAEUmgAAAAkaG10eI60Sx4ABFKMAAAc8GxvY2EL3n2QAARvfAAAHQhtYXhwDHcStgAEjIQAAAAgbmFtZQdhaNIABIykAAAJY3Bvc3SUY1JbAASWCAAATTVwcmVwis2cHgAE8ggAAADWAAEAAAAMAAAAAAAAAAIATwAEACsAAQAtAC4AAQAwAGIAAQBkAIgAAQCLAJ4AAQCgALwAAQC+ANIAAQDUAN8AAQDhAO0AAQDvARMAAQEVARcAAQEbARsAAQEdAR0AAgEhAUQAAQFGAU4AAQFQAVIAAQFUAV4AAQFgAWUAAQFoAWgAAQFqAXUAAQF3AXsAAQF9AX0AAQF/AX8AAQGBAYgAAQGKAaAAAQGiAa8AAQGxAbIAAQG0Ab8AAQHBAcQAAQHGAdQAAQHWAe4AAQHwAfEAAQHzAfUAAQH6AgYAAQIJAgsAAQIPAg8AAQIRAhgAAQIaAi4AAQIwAjAAAQIyAjwAAQI+Aj8AAQJBAksAAQJNAvwAAQL+Av4AAQMAAwUAAQMHAwcAAQMJA4wAAQOPA5AAAQOUA5QAAQRGBHIAAgR4BHkAAgR9BIIAAgSGBIgAAgSvBK8AAQSxBLEAAQTcBNwAAQT+BP4AAQUCBQIAAQYaBhoAAQYvBjAAAQYyBjIAAQZDBkMAAQZFBkUAAQZHBkgAAQZKBksAAQZNBlAAAQZSBloAAQZcBlwAAQZpBmwAAQZvBnUAAQZ3BncAAQZ6BnsAAQaFBrAAAga0BsAAAgbEBuMAAgbmBuYAAQbtBv8AAwcOBw4AAwcdBx4AAwAAAAEAAAAKASQDRgAGREZMVAAmY3lybAA0Z3JlawBCbGF0bgBQemluaAD+enl5eQEMAAQAAAAA//8AAgAAABAABAAAAAD//wACAAEAEQAEAAAAAP//AAIAAgASAEAACkFGSyAASkFaRSAAVENBVCAAXkNSVCAAaEtBWiAAck1PTCAAfFBMSyAAhlJPTSAAkFRBVCAAmlRSSyAApAAA//8AAgADABMAAP//AAIABAAUAAD//wACAAUAFQAA//8AAgAGABYAAP//AAIABwAXAAD//wACAAgAGAAA//8AAgAJABkAAP//AAIACgAaAAD//wACAAsAGwAA//8AAgAMABwAAP//AAIADQAdAAQAAAAA//8AAgAOAB4ABAAAAAD//wACAA8AHwAgbWFyawDCbWFyawDObWFyawDabWFyawDmbWFyawDybWFyawD+bWFyawEKbWFyawEWbWFyawEibWFyawEubWFyawE6bWFyawFGbWFyawFSbWFyawFebWFyawFqbWFyawF2bWttawGCbWttawGMbWttawGWbWttawGgbWttawGqbWttawG0bWttawG+bWttawHIbWttawHSbWttawHcbWttawHmbWttawHwbWttawH6bWttawIEbWttawIObWttawIYAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAABAAAAAEAAgADAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAAAAMABAAFAAYAAAADAAQABQAGAAAAAwAEAAUABgAHABAAGAAgACgAMAA4AEAABAAAAAEAOAAEAAAAAQJEAAQAAAABCHYABAAAAAERYAAGAAAAARdmAAYAAAABF+oABgAAAAEYHAABGOgY/gACAAwAXgAUAAEBHgABASQAAQEeAAEBHgABASoAAQEkAAEBJAABAR4AAQEkAAEBHgABAR4AAQEeAAEBMAABATYAAQE8AAABDAAAARIAAAESAAEBHgAAARgALgDwAPYA/AECAPAA9gEIAQ4A8AD2APAA9gEIAQ4A8AEUARoBIADwAPYBJgEsATIBOAE+AUQA8AFKASYBUAFWAVwBYgFoAW4BdAF6AYABegGAAXoBgAF6AYABMgFcASYBLAGGAYwBJgEsASYBLAGSAZgBMgE4ATIBXAEyATgBngGkATIBXAEmASwBqgGwAT4BRAEyATgBMgFcATIBXAEyAVwBJgEsASYBLAEmASwBJgFQATIBOAGeAaQAAf2qAAAAAf2oAAAAAf0mAAAAAf2oBCYAAf2qBCYAAf1tBCYAAf4WBCYAAfyiBCYAAf2gBCYAAQJYAAAAAQJYBWoAAQLAAAAAAQLSBWoAAQIwAAAAAQIwBWoAAQJWBWoAAQJwAOYAAQJwBlAAAQPmAcoAAQPmA5MAAQMeAcoAAQMlA5MAAQPyAcoAAQOUA5MAAQJYBcwAAQPsA5MAAQMkAcoAAQMeA5MAAQPzAcoAAQPzA5MAAQJjAcoAAQJjA5MAAQJ4AcoAAQJ+A5MAAQPlAcoAAQPlA5MAAQQIAcoAAQQOA5MAAQMdAcoAAQMdA5MAAQMqAcoAAQLMA5MAARbUF0oAAgAMAF4AFAABBFoAAQRgAAEEWgABBFoAAQRmAAEEYAABBGAAAQRaAAEEYAABBFoAAQRaAAEEWgABBGwAAQRyAAEEeAAABEgAAAROAAAETgABBFoAAARUAP0ELAQyBDgEMgQ4BDIEPgREBD4ERAQ+BEQESgQyBFAEVgRQBFYEUARWBDgEMgRcBGIEOAQyBDgEMgQ4BDIEOAQyBDgEaAQ4BGgEOAQyBDgEMgQ4BDIEOAQyBDgEMgQ4BDIEbgR0BCwEegQ4BIAEOASABDgEMgQ4BDIEOASGBDgAAAQ4BDIEOAQyBDgAAAQ4BDIEOAQyBDgEMgQ4BDIEOASABDgEMgQ4BIwEOAQyBDgEMgQ4BJIEOAQyBDgEMgRKBDIEOAQyBDgEMgQ4BDIEOAQyBDgEMgQ4BDIAAASYBDgEMgQ4BDIEOASeBDgEpASqBLAESgQyBDgEMgRcBGIEOARoBDgEMgS2BLwESgQyBDgEMgRKBDIEbgR0BCwEegQ4BDIEOAQyBDgEMgRKBDIEOASGBDgEhgQ4BDIEOAQyBDgEMgQ4BDIEOAQyBEoEMgQ4BDIEOASGBCwEMgQsBDIEOATCBFAEVgQ4BMgEOATIBDgEMgRcBGIEOAQyBDgEMgQ4BDIEOAQyBDgEMgQ4BIwEOASABDgEgAQ4BIAEOASGBD4ERAQ4BDIEzgTUBNoE4AQ4BDIEOAQyBDgEMgQ4BDIESgQyBDgEMgQ4BDIE5gTsBDgEMgQ4BDIEOAQyBDgEMgQ4BDIEOAQyBDgEMgQ4BGgESgQyBEoEMgQ4BDIEOAQyBDgEMgRKBDIESgQyBDgE8gQ4BPgE/gUEBP4FBAT+BQQESgUKBDgFEAQ4BRAEOAUWBDgFCgUcBSIEOAUKBDgFCgQ4BQoEOAUoBDgFKAQ4BQoEOAUKBDgFCgQ4BQoEOAUKBS4FNAQ4BQoAAAUKAAAFCgRKBPgEOAUKBDgFOgVAAAAEOAUKBDgFCgQ4AAAEOAUKBDgFCgQ4BQoEOAUKBUYFTAQ4BQoEOAVSBDgAAAAABVgAAAVeBDgE+AQ4BQoEOAUKBEoE
font-weight: bold;
font-style: normal;
}
/* Root Variables */
:root {
--the-color: #15d00d;
--the-color-rgb: 35, 255, 24;
--the-background-color: #000000;
--the-font: Fira Code;
--the-font-size: 14px;
--editor-line-height: 1.3;
--char-width: calc(0.625 * var(--the-font-size)); /* the ratio is determined by the font-family */
--default-font: var(--the-font);
--font-monospace: var(--the-font);
--status-bar-height: 21px;
--header-height: 36px;
/* Prompts */
--input-prompt: "$";
--not-created-note: "+";
--pin-command: "*";
--selected: ">";
--active-tab: "^";
--collapse-right: ">";
--collapse-down: "v";
--show-more-top: "+\\";
--show-more-bottom: "+/";
--search: "/";
--replace: ":";
--prev: "<";
--next: ">";
--all: "-a";
--close: "x";
--quit: "/q";
--preview-mode: "/p";
--edit-mode: "/e";
--more: "/?";
--pwd: "PWD";
}
body {
line-height: var(--editor-line-height);
font-size: var(--the-font-size);
}
.theme-dark {
--background-primary: var(--the-background-color);
--background-primary-alt: var(--the-background-color);
--background-secondary: var(--the-background-color);
--background-secondary-alt: var(--the-background-color);
--background-modifier-border: var(--the-color);
--background-modifier-form-field: rgba(0, 0, 0, 0);
--background-modifier-form-field-highlighted: rgba(0, 0, 0, 0);
--background-modifier-box-shadow: rgba(0, 0, 0, 0);
--background-modifier-cover: rgba(0, 0, 0, 0.8);
--text-accent: var(--the-color);
--text-accent-hover: var(--the-color);
--text-normal: var(--the-color);
--text-muted: var(--the-color);
--text-muted-rgb: var(--the-color-rgb);
--text-faint: var(--the-color);
--text-on-accent: var(--the-color);
--interactive-normal: var(--the-background-color);
--interactive-hover: var(--the-background-color);
--interactive-accent: var(--the-background-color);
--interactive-accent-rgb: var(--the-color-rgb);
--interactive-accent-hover: var(--the-background-color);
/* Untouch */
--text-highlight-bg: rgba(255, 255, 0, 0.4);
--text-highlight-bg-active: rgba(255, 128, 0, 0.4);
--text-selection: rgba(23, 48, 77, 0.99);
--scrollbar-active-thumb-bg: rgb(255, 255, 255);
--scrollbar-bg: rgba(255, 255, 255, 0.05);
--scrollbar-thumb-bg: rgba(255, 255, 255, 0.1);
--interactive-success: #197300;
--background-modifier-success: #197300;
--background-modifier-error: #3d0000;
--background-modifier-error-rgb: 61, 0, 0;
--background-modifier-error-hover: #470000;
--text-error: #ff3333;
--text-error-hover: #990000;
--highlight-mix-blend-mode: lighten;
}
/* Buttons/Input/Dropdown */
button,
.checkbox-container,
input[type='text']:not(.prompt-input),
input[type='text']:focus:not(.prompt-input),
input[type='search'],
input[type='email'],
input[type='password'],
input[type='number'] {
border: solid 1px var(--the-color);
font-size: var(--the-font-size);
font-family: var(--the-font);
}
.checkbox-container:after {
background-color: var(--the-color);
}
.dropdown {
border: solid 1px var(--the-color);
font-size: var(--the-font-size);
}
/* Tabs */
.workspace-tab-header-spacer {
display: none;
}
/* .workspace-tab-header-container {
justify-content: center;
} */
.mod-root .workspace-tab-header-container-inner {
margin: 0;
/* width: 100%; */
justify-content: center;
padding-top: 0;
}
.workspace .mod-root .workspace-tab-header:only-child {
/* width: 300%; */
max-width: unset;
background-color: transparent;
box-shadow: none;
align-items: center;
border-left: none;
}
/* .workspace-tab-header:only-child .workspace-tab-header-inner-close-button {
display: none;
} */
.workspace-tab-header:before,
.workspace-tab-header:after {
display: none;
}
.mod-root .workspace-tab-header-new-tab,
.mod-root .workspace-tab-header-tab-list {
display: none;
}
.workspace .mod-root .workspace-tab-header-inner:after {
display: none;
}
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button {
left: 0px;
position: absolute;
right: unset
}
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button svg {
display: none;
}
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button:before {
content: "X";
padding-left: 5px;
}
.workspace .mod-root .workspace-tab-header.mod-active .workspace-tab-header-inner-close-button:before {
content: ">";
font-size: 1.1em;
}
.workspace .mod-root .workspace-tab-header {
box-shadow: none;
padding-left: 20px;
border-radius: 0;
border-right: 1px solid var(--the-color);
padding-top: 0;
}
/* STATUS BAR */
.status-bar {
--status-bar-position: relative;
--status-bar-radius: 0;
justify-content: flex-start;
gap: 0px;
padding: 0;
border-left: none;
border-top: 1px solid var(--the-color);
}
.status-bar > div.status-bar-item {
border-radius: 0;
padding: 0;
padding-left: 5px;
margin-top: -0.2px;
}
.status-bar > div.status-bar-item:nth-last-child(odd) {
--status-bar-text-color: var(--the-background-color);
--status-bar-background: var(--the-color);
color: var(--status-bar-text-color);
background-color: var(--status-bar-background);
border-radius: 0;
}
.status-bar > div.status-bar-item:nth-last-child(even) {
--status-bar-text-color: var(--the-color);
--status-bar-background: var(--the-background-color);
}
.status-bar > .status-bar-item:after {
content: "";
border-top: calc(0.5 * var(--status-bar-height)) solid var(--status-bar-text-color);
border-bottom: calc(0.5 * var(--status-bar-height)) solid var(--status-bar-text-color);
border-left: calc(0.5 * var(--status-bar-height)) solid transparent;
margin-left: 5px;
}
/* Settings Icon */
.workspace-ribbon.mod-left .side-dock-ribbon-action[aria-label="Settings"]:before {
content: "\2699";
font-weight: bold;
font-size: 1em;
position: fixed;
left: 0px;
bottom: 0px;
width: 20px;
height: var(--status-bar-height);
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid var(--icon-color-hover);
}
.workspace-ribbon.mod-left .side-dock-ribbon-action[aria-label="Settings"] {
opacity: 1;
}
.status-bar {
margin-left: 20px;
}
/* HIDER */
/* Frameless */
body {
padding-top: 0 !important;
}
/* Hide ribbon */
.workspace-ribbon.mod-left,
.workspace-ribbon.mod-right {
/* display: none; */
flex-basis: 0px;
border-width: 0px;
}
.workspace-ribbon.mod-left:before {
display: none;
}
.workspace-split.mod-right-split,
.workspace-split.mod-left-split {
margin-right:0;
}
.mod-macos {
--frame-left-space: calc(100px - var(--ribbon-width));
--frame-right-space: 0px;
}
.sidebar-toggle-button {
display: none;
}
/* Frameless */
.titlebar-button-container {
display:none;
}
.titlebar,
.titlebar-inner {
position:fixed;
top:0;
height:12px;
background:transparent;
}
/* .workspace-split.mod-left-split > .workspace-tabs {
padding-top:18px;
} */
/* Hide scrollbars */
::-webkit-scrollbar {
display:none;
}
/* !(temporarily) Hide search suggestions */
.suggestion-container.mod-search-suggestion {
display: none;
}
/* Hide instructions */
.prompt-instructions {
display:none;
}
/* EDITOR */
/******************************/
.markdown-source-view.mod-cm5 {
padding: 0px;
}
.CodeMirror-lines {
padding-left: 20px;
}
.CodeMirror-line {
line-height: var(--editor-line-height);
text-indent: unset !important; /* important added for hard-coded style */
padding-left: 5px !important;
}
.cm-s-obsidian {
line-height: var(--editor-line-height);
font-size: var(--the-font-size);
font-family: var(--the-font);
/* ~~top border~~ ! move to .view-header */
/* border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: var(--the-color); */
}
/* Active Line Prompt */
.CodeMirror-activeline .CodeMirror-line:before {
content: var(--input-prompt);
position: absolute;
left: -0.5em;
}
/* Cursor */
.cm-focused .cm-vimCursorLayer .cm-fat-cursor.cm-fat-cursor.cm-fat-cursor {
background-color: var(--the-color);
}
/* Headers */
.cm-s-obsidian .HyperMD-header {
padding-bottom: 0;
line-height: var(--editor-line-height) !important;
}
.cm-header {
font-size: var(--the-font-size);
}
/* Inline Formats */
.cm-s-obsidian .cm-header, .cm-s-obsidian .cm-strong {
font-weight: bold;
}
.cm-formatting.cm-formatting-code.cm-inline-code {
background-color: transparent;
}
.cm-s-obsidian span.cm-inline-code {
color: var(--the-color);
font-size: var(--the-font-size);
font-style: italic;
font-weight: bold;
}
.cm-s-obsidian span.cm-formatting-highlight,
.cm-s-obsidian span.cm-highlight {
background-color: unset;
font-weight: bold;
font-size: var(--the-font-size);
}
/* List */
.cm-s-obsidian .HyperMD-list-line {
padding-top: 0px;
min-height: unset;
}
/* Code block */
.cm-s-obsidian span.cm-inline-code.cm-hmd-indented-code {
font-style: normal;
}
.cm-s-obsidian .HyperMD-codeblock,
.cm-formatting.cm-formatting-code-block,
.cm-hmd-codeblock {
color: var(--the-color);
font-size: var(--the-font-size);
line-height: var(--editor-line-height);
font-weight: bold;
}
/* Footnote & Links */
.cm-s-obsidian span.cm-footref,
.cm-s-obsidian span.cm-blockid,
.cm-s-obsidian .HyperMD-footnote span.cm-hmd-barelink {
display: inline;
vertical-align: unset;
margin-top: 0;
font-size: var(--the-font-size);
}
.cm-s-obsidian span.cm-link.cm-hmd-barelink.cm-footref:not(.cm-formatting-link),
.cm-s-obsidian span.cm-blockid,
.cm-s-obsidian .HyperMD-footnote span.cm-hmd-barelink:not(.cm-formatting-link) {
font-style: italic;
text-decoration: underline;
}
.cm-s-obsidian .HyperMD-footnote span.cm-hmd-footnote:not(.cm-formatting-link) {
text-decoration: underline;
}
/* .cm-s-obsidian span.cm-link.cm-hmd-barelink:not(.cm-formatting-link) {
font-style: normal;
} */
.cm-s-obsidian .HyperMD-footnote {
font-size: var(--the-font-size);
}
/* math */
.cm-s-obsidian .cm-math {
color: var(--the-color);
}
/* Escape char */
.cm-s-obsidian span.cm-hmd-escape-char,
.cm-s-obsidian span.cm-hmd-escape-backslash {
color: var(--the-color);
}
/******************************/
/* VIEW HEADER */
.view-header {
flex-wrap: nowrap;
/* align-items: center; */
}
.workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header {
border-bottom: 1px solid var(--text-accent);
}
.workspace-leaf.mod-active .view-header {
border-width: 0 0 1px 0;
border-color: var(--text-accent);
}
.view-header-title {
font-size: var(--the-font-size);
height: var(--header-height);
display: flex;
align-items: center;
}
.workspace-split.mod-root > .workspace-leaf:last-of-type .workspace-leaf-content,
.workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content {
border-radius: 0;
}
/* Active Pane Prompt (Header Icon) */
.mod-active .view-header-icon,
.mod-active .view-header-icon:hover {
background-color: var(--the-color);
color: transparent;
font-size: 0;
padding-right: 0;
width: calc(4 * var(--char-width));
min-width: calc(4 * var(--char-width)); /* required for header flex display */
height: calc(var(--header-height) + 1px);
top: -1px;
/* padding-top: 0.25rem !important; */
border: 1px solid var(--the-color);
margin-right: 20px;
border-right: 10px solid transparent;
}
.mod-active .view-header-icon:after {
content: "";
position: absolute;
right: calc(-0.5 * var(--header-height) - 10px); /* 1/2 * header-height + .view-header-icon(border-right) */
top: 0px;
width: 0;
height: 0;
border-top: calc(0.5 * var(--header-height)) solid transparent;
border-bottom: calc(0.5 * var(--header-height)) solid transparent;
border-left: calc(0.5 * var(--header-height)) solid var(--the-color);
}
.mod-active .view-header-icon:before {
content: var(--pwd);
color: var(--the-background-color);
font-weight: bold;
font-size: var(--the-font-size);
position: absolute;
height: var(--header-height);
top: 0;
left: 6px;
display: flex;
align-items: center;
/* margin-right: -10px; */
/* border: 1px solid var(--the-color); */
}
.view-header-icon,
.view-header-icon:hover {
color: transparent;
font-size: 0;
padding-right: 0;
width: 3em;
/* padding-top: 0.25rem !important; */
}
.view-actions {
padding: 0 10px;
}
.view-action[aria-label="Close"],
.view-action[aria-label="More options"],
.view-action[aria-label*="Preview"],
.view-action[aria-label*="Edit"] {
color: transparent;
width: var(--the-font-size);
}
.view-action:before {
color: var(--the-color);
font-weight: bold;
font-size: var(--the-font-size);
position: relative;
bottom: 3px;
}
.view-action[aria-label*="Preview"]:before,
.view-action[aria-label*="Edit"]:before,
.view-action.mod-close-leaf:before,
a[aria-label="More options"]:before {
height: var(--header-height);
display: flex;
align-items: center;
/* bottom: 0; */
}
.view-action[aria-label*="Preview"]:before {
content: var(--preview-mode);
}
.view-action[aria-label*="Edit"]:before {
content: var(--edit-mode);
}
.view-action.mod-close-leaf:before {
content: var(--quit);
}
a[aria-label="More options"]:before {
content: var(--more);
}
/* PROMPT WINDOW */
.prompt {
font-size: var(--the-font-size);
display: unset;
/* position: absolute; */
bottom: var(--status-bar-height);
top: 50%;
width: 100%;
max-width: unset;
max-height: 50%;
border-style: solid;
border-width: 1px 0 0px 0;
border-radius: unset;
/* padding-top: 9px; */
padding: 0px 20px;
}
.modal-bg {
background-color: unset;
}
input {
font-family: var(--the-font) !important;
}
input.prompt-input {
font-size: var(--the-font-size);
padding: 0 0 0 5px; /* same as CodeMirror line */
border-width: 0;
}
.prompt:before {
content: var(--input-prompt);
position: absolute;
top: calc(20px - 0.5 * var(--editor-line-height) * 1em);
left: calc(20px - 0.5em);
}
.prompt-results {
position: absolute;
top: calc(20px + 1em);
bottom: 0;
right: 20px;
left: 10px;
/* max-height: 90%; */
padding-top: 0;
}
.suggestion-item {
font-size: var(--the-font-size);
padding: 0 0 0 15px;
border-width: 0;
height: calc(var(--editor-line-height) * 1em);
}
/* .is-selected {
border-style: solid;
border-color: var(--the-color);
border-width: 1px 0;
} */
.is-selected:not(.community-theme):before {
content: var(--selected);
position: absolute;
left: calc(-0.5em + 10px); /* 10px = .suggestion-item(border-left) - .CodeMirror-line(border-left) */
bottom: 1px;
}
.suggestion-flair {
color: transparent;
height: 1.5em;
position: absolute;
top: 0;
}
.suggestion-item:not(.is-selected) > .suggestion-content + .suggestion-flair:before {
content: var(--pin-command);
color: var(--the-color);
position: absolute;
left: -0.5em;
bottom: 0.02em;
}
/* Quick Switcher */
.suggestion-item:not(.is-selected) > .suggestion-flair[aria-label*="Not"]:before {
content: var(--not-created-note);
color: var(--the-color);
position: absolute;
left: -0.5em;
/* bottom: 1em; */
}
kbd {
font-size: var(--the-font-size);
}
.suggestion-hotkey {
font-family: var(--the-font);
}
/* Suggestion (Slash Command/Link suggestion) */
.suggestion-container {
max-width: unset;
left: 0 !important;
width: 100%;
height: calc(var(--editor-line-height) * var(--the-font-size) * 8 + 2px);
border-radius: 0;
border-width: 1px 0 1px 0;
padding: 0 10px 0 10px;
margin-top: -5px;
box-shadow: none;
}
.suggestion {
max-height: 100%;
}
.suggestion-item .suggestion-note {
/* display: none; */
text-align: right;
position: absolute;
bottom: 0;
right: 0;
font-size: var(--the-font-size);
}
/*TODO Position adjustment when window is above */
/* Setting/Store page */
.modal.mod-settings,
.modal.mod-community-plugin,
.modal.mod-community-theme {
width: 100%;
height: 100%;
max-width: unset;
border-radius: 0;
}
.modal.mod-settings .vertical-tab-header,
.modal.mod-settings .vertical-tab-content-container {
/* height: 100%; */
height: 100vh;
overflow: auto;
padding: 0;
}
.modal.mod-settings .vertical-tab-header,
.community-plugin-search {
border-right: 1px solid var(--the-color);
}
.community-theme {
border: 1px solid var(--the-color)
}
/* Setting Fonts */
.horizontal-tab-nav-item,
.vertical-tab-nav-item,
.setting-item-description,
.setting-item-name {
font-size: var(--the-font-size);
}
.setting-item-name {
font-weight: bold;
}
.setting-item-control select {
max-width: calc(20 * var(--char-width));
}
.setting-item-control button {
font-size: var(--the-font-size);
}
.setting-hotkey {
font-size: var(--the-font-size);
display: flex;
align-items: center;
}
.mobile-option-setting-item {
font-size: var(--the-font-size);
}
/* Setting item padding */
.vertical-tab-content {
padding: 16px 0;
}
.setting-item {
padding: 18px 30px;
}
.setting-item + .setting-item.setting-item-heading {
border-top: 1px solid var(--the-color);
}
.community-theme-filters-container,
.hotkey-search-container {
padding: 10px 30px 30px 30px;
}
.hotkey-list-container {
padding-right: 0;
}
.setting-item + .setting-item-heading.setting-item:first-child {
padding-top: 18px;
}
.mobile-option-setting-item {
padding: 0 30px;
}
/* Active item */
.vertical-tab-nav-item.is-active:before {
content: var(--selected);
margin-right: 5px;
}
.vertical-tab-nav-item.is-active {
padding-left: calc(24px - 5px - var(--char-width));
}
/* Close button */
.modal-close-button {
top: 4px;
right: 10px;
font-size: var(--the-font-size);
}
.modal-close-button::before {
content: var(--close);
}
/* Store */
.community-plugin-search-summary,
.community-plugin-info .community-plugin-desc,
.community-plugin-item .community-plugin-author,
.community-plugin-item .community-plugin-desc,
.community-plugin-downloads {
font-size: var(--the-font-size);
}
.community-plugin-item .community-plugin-author,
.community-plugin-name {
font-weight: bold;
}
/* Title & Heading */
.vertical-tab-header-group-title,
.setting-item.setting-item-heading {
font-weight: bold;
text-transform: uppercase;
font-size: var(--the-font-size);
padding-left: 24px;
}
/* Slider */
input[type='range']::-webkit-slider-thumb {
border: 1.5px solid var(--the-color);
}
/* SIDE PANELS */
/********************************************/
.mod-right-split {
margin-left: -1px;
border-left: 0.9px solid var(--the-color);
/* border-bottom: 1px solid var(--the-color); */
}
.mod-left-split {
border-right: 1px solid var(--the-color);
/* border-bottom: 1px solid var(--the-color); */
}
/* Hider specific */
/* .hider-frameless .workspace-split.mod-left-split > div.workspace-tabs {
padding: 0;
} */
.workspace-leaf-resize-handle:not(:hover) {
background-color: transparent;
}
.workspace-tabs + .workspace-tabs {
margin-top: -1px;
border-top: 1px solid var(--the-color);
}
.workspace-tabs {
padding-right: 0;
}
/* Active tab */
.workspace-tab-header-container {
padding-top: 2px;
height: 36.7px; /* should be 36px, but ...*/
border-bottom: 1px solid var(--the-color);
}
.workspace-tab-container-before {
/* display: none; */
width: 5px;
}
.workspace-tab-header.is-active:after {
content: var(--active-tab);
color: var(--the-color);
position: relative;
top: -12px;
}
.nav-header {
padding-top: 4px;
}
/* Collapse Icons */
.collapse-icon svg.svg-icon {
width: 0;
}
.is-collapsed .collapse-icon:before,
.collapse-icon:before {
color: var(--the-color);
width: 3px;
position: relative;
bottom: 1px;
font-weight: bold;
}
.is-collapsed .collapse-icon:before {
content: var(--collapse-right);
}
.collapse-icon:before {
content: var(--collapse-down);
}
/* Show more content icons */
.search-result-hover-button.mod-top:before,
.search-result-hover-button.mod-bottom:before {
width: 16px;
font-size: 13px;
font-weight: bold;
position: relative;
background-color: transparent;
}
.search-result-hover-button.mod-top:before {
content: var(--show-more-top);
top: -4px;
}
.search-result-hover-button.mod-bottom:before {
content: var(--show-more-bottom);
bottom: -4px
}
.search-result-hover-button.mod-top svg,
.search-result-hover-button.mod-bottom svg {
width: 0;
}
.search-result-hover-button.mod-bottom,
.search-result-hover-button.mod-top {
background-color: transparent;
}
/* Search Result */
.search-result-file-match + .search-result-file-match {
border-top: 0.5px solid var(--the-color);
border-radius: 0;
}
.search-result-file-match:not(:last-child) {
margin-bottom: 0;
}
.search-result-file-match:after {
height: 0;
}
/* Not created files */
div[aria-label*="Not created"]:before {
content: var(--not-created-note);
color: var(--the-color);
position: relative;
right: 8px;
bottom: 1px;
font-weight: bold;
}
div[aria-label*="Not created"] svg {
width: 0;
}
/********************************************/
/* Workspace (Center Panes) */
.workspace-split.mod-vertical > .workspace-leaf,
.workspace-split.mod-vertical > .workspace-split {
padding-right: 0;
}
.workspace-split.mod-vertical > .workspace-leaf + .workspace-leaf,
.workspace-leaf + .workspace-split.mod-horizontal,
.workspace-split.mod-horizontal + .workspace-leaf,
.workspace-split.mod-horizontal + .workspace-split.mod-horizontal {
margin-left: -1px;
border-left: 1px solid var(--the-color);
}
.workspace-leaf + .workspace-split.mod-vertical,
.workspace-split.mod-horizontal > .workspace-leaf + .workspace-leaf {
margin-top: -1px;
border-top: 1px solid var(--the-color);
}
.workspace-split.mod-vertical + .workspace-split.mod-vertical,
.workspace-split.mod-vertical + .workspace-leaf {
margin-top: -1px;
border-top: 0.98px solid var(--the-color);
}
/* PAGE PREVIEW */
.popover.hover-popover.is-loaded {
width: 100%;
left: 0 !important;
border-radius: 0;
border-width: 1px 0;
border-top: 1px solid var(--the-color);
border-bottom: 1px solid var(--the-color);
height: calc(var(--editor-line-height) * var(--the-font-size) * 10);
/* max-height: unset; */
}
.popover.hover-popover .markdown-embed {
height: 100%;
}
/* GENERAL PREVIEW */
.markdown-preview-view {
padding: 20px 20px;
line-height: var(--editor-line-height);
font-size: var(--the-font-size);
}
.workspace-leaf-content[data-mode="preview"] .view-content {
border-top: 1px solid var(--the-color);
}
/* EMBED PREVIEW */
/******************************/
.markdown-embed .markdown-preview-view {
padding: 0px 25px;
line-height: var(--editor-line-height);
font-size: var(--the-font-size);
font-family: var(--the-font);
}
/* Headers */
.markdown-preview-view h1,
.markdown-preview-view h2,
.markdown-preview-view h3,
.markdown-preview-view h4,
.markdown-preview-view h5,
.markdown-preview-view h6 {
margin: 0;
font-size: var(--the-font-size);
}
/* Inline Formats */
.markdown-preview-view p {
margin: 0;
}
.markdown-preview-view code {
color: var(--the-color);
padding: 0;
font-size: var(--the-font-size);
font-style: italic;
}
.markdown-preview-view mark {
background-color: unset;
font-weight: bold;
}
a:hover {
color: var(--the-color);
}
.external-link {
padding-right: 0;
background: none;
}
/* List */
.markdown-preview-view ul {
margin: 0;
padding-inline-start: calc(2 * var(--char-width));
}
.markdown-preview-view ol {
margin: 0;
margin-left: var(--char-width);
padding-inline-start: calc(2 * var(--char-width));
}
.markdown-preview-view ol li {
padding-inline-start: 0;
}
.markdown-preview-view input.task-list-item-checkbox {
margin: 0;
width: calc(6.5 * var(--char-width));
}
.markdown-preview-view .task-list-item-checkbox {
filter: hue-rotate(290);
}
/* Embed */
span.internal-embed.file-embed.mod-empty.is-loaded {
margin: -1px;
border-radius: 0;
padding: calc(var(--editor-line-height) * var(--the-font-size)) calc(2 * var(--char-width));
}
/* Blockquote */
.markdown-preview-view blockquote {
border-radius: 0;
border-left-width: 1px;
margin: -1px 0;
padding: calc(var(--editor-line-height) * var(--the-font-size)) calc(2 * var(--char-width));
}
/*.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote:before {*/
/*left: unset;*/
/*}*/
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote:before, .markdown-source-view.mod-cm6 .cm-blockquote-border:before {
/*content: "|";*/
/*color: var(--the-color);*/
/*border: none;*/
border-color: var(--the-color);
}
/* Code block */
.markdown-preview-view pre,
.markdown-preview-view pre[class*="language-"] {
margin: 0;
padding: 0;
padding-left: calc(2 * var(--char-width));
line-height: var(--editor-line-height);
background: transparent;
}
.markdown-preview-view code,
.markdown-preview-view code[class*="language-"] {
font-style: normal;
line-height: var(--editor-line-height);
}
/* Table */
.markdown-preview-view table {
margin: 0;
}
.markdown-preview-view th, .markdown-preview-view td {
padding: 0 var(--char-width);
}
/* Footnote */
sup {
vertical-align: unset;
font-size: var(--the-font-size);
}
/* hr */
.markdown-preview-view hr {
margin: 0;
margin-top: calc(var(--editor-line-height) * var(--the-font-size));
height: calc(var(--editor-line-height) * var(--the-font-size));
}
/* Metadata */
.frontmatter-container {
padding: calc(var(--editor-line-height) * var(--the-font-size)) calc(2 * var(--char-width));
border-radius: 0;
font-size: var(--the-font-size);
margin: -1px 0;
}
.frontmatter-container .frontmatter-container-header {
font-size: var(--the-font-size);
margin: 0 0 -1px 0;
}
.frontmatter-container .frontmatter-collapse-indicator:before {
font-weight: normal;
}
.frontmatter-container .frontmatter-section {
margin: 0;
}
.frontmatter-container .tag,
.frontmatter-container .frontmatter-alias {
font-size: var(--the-font-size);
border-radius: 0;
padding: 0 0;
margin: 0 var(--char-width);
line-height: var(--editor-line-height);
border-width: 0;
background-color: transparent;
}
.frontmatter-container .mod-aliases .frontmatter-section-label {
flex-basis: calc(8 * var(--char-width));
}
.frontmatter-container .mod-tags .frontmatter-section-label {
flex-basis: calc(5 * var(--char-width));
}
.frontmatter-container .frontmatter-alias-icon {
width: var(--char-width);
margin-right: 0;
}
.frontmatter-container .frontmatter-alias-icon > svg {
width: 10px !important;
}
/******************************/
/* Graph View */
canvas {
border-top: 1px solid var(--the-color) !important;
}
.theme-dark .graph-view.color-fill-tag,
.theme-dark .graph-view.color-fill-attachment {
color: var(--the-color);
opacity: 0.6;
}
.graph-view.color-fill-focused {
color: var(--the-color);
}
/* Search result matched color */
.search-result-file-matched-text,
.cm-s-obsidian span.obsidian-search-match-highlight,
.markdown-preview-view .search-highlight > div,
.markdown-preview-view .search-highlight > div.is-active {
background-color: unset;
border: 1px solid var(--the-color);
mix-blend-mode: normal;
}
.cm-s-obsidian span.obsidian-search-match-highlight,
.search-result-file-matched-text {
margin: -1px;
}
/* GUTTER */
.CodeMirror-foldgutter-open:after {
content: var(--collapse-down);
font-size: var(--the-font-size);
}
.CodeMirror-foldgutter-folded:after {
content: var(--collapse-right);
font-size: var(--the-font-size);
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
font-size: var(--the-font-size);
display: flex;
align-items: center;
}
/* Move gutter to the left */
/* And keep gutter 4-char-width for line number, */
/* keep gutter 1-char-width for gutter only */
.CodeMirror-linenumber {
min-width: none;
width: calc(3 * var(--char-width)) !important;
padding: 0;
}
.CodeMirror-gutter.CodeMirror-linenumbers {
width: calc(3 * var(--char-width)) !important;
}
.CodeMirror-sizer[style*="margin-left: 3"], /* line number only */
.CodeMirror-sizer[style*="margin-left: 4"] { /* line number + gutter */
margin-left: calc(4 * var(--char-width)) !important;
}
.CodeMirror-sizer[style*="margin-left: 1"] { /* gutter only */
margin-left: calc(1 * var(--char-width)) !important;
}
.CodeMirror-sizer[style*="margin-left: 3"] .CodeMirror-gutter-wrapper,
.CodeMirror-sizer[style*="margin-left: 4"] .CodeMirror-gutter-wrapper {
left: calc(-30px - 2 * var(--char-width)) !important;
}
.CodeMirror-sizer[style*="margin-left: 1"] .CodeMirror-gutter-wrapper {
left: calc(-2 * var(--char-width)) !important;
}
.CodeMirror-gutters {
left: var(--char-width) !important;
}
/* Preview folding */
.markdown-preview-view.allow-fold-heading,
.markdown-preview-view.allow-fold-lists {
padding-left: 30px;
}
.markdown-preview-view ul > li > .list-collapse-indicator {
padding-left: 14px;
padding-top: 2px;
}
.markdown-preview-view ol > li > .list-collapse-indicator {
padding-left: 2px;
padding-top: 0.5px;
}
.markdown-preview-view li.task-list-item .list-collapse-indicator {
padding-left: 12px;
padding-top: 0.5px;
}
/* Search */
.document-search-container,
.document-search-container.mod-replace-mode {
height: auto;
padding: 0 5px;
border-top: 0;
}
.document-search,
.document-replace {
height: calc(var(--editor-line-height) * var(--the-font-size));
}
.search-input-container > input,
.document-search > input[type='text'],
.document-search > input[type='text']:focus,
.document-search > input[type='text']:hover,
.document-replace > input[type='text'],
.document-replace > input[type='text']:focus,
.document-replace > input[type='text']:hover {
border-width: 0;
padding: 0 14px 1px 12px;
background-color: var(--background-primary);
height: calc(var(--editor-line-height) * var(--the-font-size));
margin: 0 8px;
}
.document-search > .document-search-buttons:before {
content: var(--search);
position: absolute;
font-size: var(--the-font-size);
left: 15px;
}
.document-replace > .document-replace-buttons:before {
content: var(--replace);
position: absolute;
font-size: var(--the-font-size);
left: 15px;
}
button.document-search-button {
font-size: 0;
border: none;
margin-top: 0;
padding-bottom: 4px;
}
button.document-search-button:before {
font-size: var(--the-font-size);
}
button.document-search-button[aria-label='Shift + F3']:before {
content: var(--prev);
}
button.document-search-button[aria-label='Enter or F3']:before {
content: var(--next);
}
button.document-search-button[aria-label='Enter']:before {
content: var(--next);
}
button.document-search-button:not([aria-label]):before {
content: var(--all);
}
.document-search-close-button:before {
content: var(--close);
font-size: var(--the-font-size);
}
.document-search-close-button {
top: unset;
}
.document-replace-buttons {
margin-right: 18px;
}
/* Global search close button */
.search-input-clear-button:before {
content: var(--close);
font-size: var(--the-font-size);
position: relative;
bottom: 2px;
right: -12px;
}
/* Empty State */
.empty-state-container:after {
content: "---------------------------------\A \\ ^__^\A \\ (oo)\\_______\A (__)\\ )\\/\\\A ||----w |\A || ||";
white-space: pre;
}
.empty-state-title {
margin-top: 0;
}
/* Empty right sidebar */
.mod-right-split .u-muted:before {
content: "\A\A |\\__/,| (`\\\A _.|o o |_ ) )\A-(((---(((--------\A";
white-space: pre;
}
.mod-left-split .u-muted:before {
content: " /\\___/\\\A `)9 9('\A {_:Y:.}_\A----( )U-'( )----------\A ``` '''\A";
white-space: pre;
}
.suggestion-empty {
font-size: var(--the-font-size);
line-height: calc(0.8 * var(--editor-line-height));
}
.suggestion-empty:before {
content: ' _ _ _\A __(.)< __(.)> __(.)=\A \\___) \\___) \\___) \A';
white-space: pre;
}
div.search-empty-state {
font-size: var(--the-font-size);
line-height: calc(0.8 * var(--editor-line-height));
}
div.search-empty-state:before {
content: ' (\\ /)\A ( . .)\A c(")(")\A';
white-space: pre;
font-style: italic;
letter-spacing: -3px;
}
/* Notice */
.notice {
border: 1px solid var(--the-color);
}
.modal:not(.mod-settings):not(.mod-community-plugin):not(.mod-community-theme) {
border: 1px solid var(--the-color);
}
/* TOGGLE */
/* .checkbox-container,
.checkbox-container:after {
border: none;
box-shadow: none;
color: transparent;
background-color: transparent;
}
.checkbox-container:before {
white-space: pre;
color: var(--the-color);
opacity: 1;
position: absolute;
top: -11px;
left: -31px;
font-weight: bold;
}
.checkbox-container:not(.is-enabled):before {
content: "____\A O___)";
}
.checkbox-container.is-enabled:before {
content: "____\A (###O";
} */
/* BUTTON */
/* button {
border: none;
}
button:before, button:after,
button:focus:before, button:focus:after {
font-weight: bold;
}
button:before {
content: "[";
}
button:after {
content: "]"
}
button:focus:before {
content: ">"
}
button:focus:after {
content: "<"
} */
/* TABS */
/* .plugin-tabs .mod-root.workspace-split.mod-vertical div.workspace-split.mod-vertical > div.workspace-leaf.stayopen,
.plugin-tabs div.mod-root.workspace-split.mod-vertical > div.workspace-leaf.stayopen,
.plugin-tabs .mod-root.workspace-split.mod-vertical div.workspace-split.mod-vertical > div.workspace-leaf.mod-active,
.plugin-tabs div.mod-root.workspace-split.mod-vertical > div.workspace-leaf.mod-active {
height: var(--headerheight);
min-height: unset;
top: 0;
min-width: var(--w1);
max-width: var(--w2);
flex-grow: 1;
flex-shrink: 1;
align-self: unset;
position: unset;
contain: unset;
display: unset;
}
.plugin-tabs .workspace-leaf.mod-active.stayopen .workspace-leaf-content {
contain: unset !important;
position: absolute !important;
display: unset !important;
}
.plugin-tabs .workspace-leaf.mod-active.stayopen .workspace-leaf-content .view-content {
position: absolute;
align-self: stretch;
bottom: 0;
left: 0;
order: 99;
min-width: 100%;
max-width: 100%;
min-height: calc(100% - var(--headerheight) * var(--rows));
overflow-y: hidden;
padding-right: 1px;
border-radius: 0;
border-left: 0;
border-right: 0;
border-bottom: 0;
} */
/* TEST FILED */
/* Fix dettached PWD */
/* .workspace-leaf.mod-active {
contain: none;
margin-left: -1px;
}
.workspace-leaf.mod-active:before {
content: "";
position: absolute;
top: 0;
left: -1px;
border-style: solid;
border-width: var(--header-height) 0px 0px 1px;
border-color: var(--the-color);
z-index: 9999;
}
.workspace-leaf.mod-active .view-header:after {
content: "";
position: absolute;
top: 0;
right: 0px;
border-style: solid;
border-width: var(--header-height) 0px 0px 1px;
border-color: var(--the-color);
z-index: 9999;
} */