1576 lines
1.2 MiB
CSS
1576 lines
1.2 MiB
CSS
|
|
/*********************************************************
|
||
|
|
|
||
|
|
____ ____ _____ ________ _______ _ __
|
||
|
|
/ __ \/ __ ) ___// _/ __ \/ _/ | / | / /
|
||
|
|
/ / / / __ \__ \ / // / / // // /| | / |/ /
|
||
|
|
/ /_/ / /_/ /__/ // // /_/ // // ___ |/ /| /
|
||
|
|
_\____/_____/____/___/_____/___/_/ |_/_/ |_/
|
||
|
|
/_ __/ ____/ __ \/ |/ / _/ | / / | / /
|
||
|
|
/ / / __/ / /_/ / /|_/ // // |/ / /| | / /
|
||
|
|
/ / / /___/ _, _/ / / // // /| / ___ |/ /___
|
||
|
|
/_/ /_____/_/ |_/_/ /_/___/_/ |_/_/ |_/_____/
|
||
|
|
|
||
|
|
|
||
|
|
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;
|
||
|
|
} */
|