toolbar-button-focus-progress-color : #444d56 toolbar-button-progress-color : #2f363d toolbar-button-active-border-color : #000 toolbar-button-active-background-color : var( -background-color) toolbar-button-active-color : var( -text-color) toolbar-button-focus-background-color : #2f363d toolbar-button-hover-border-color : var( -toolbar-button-border-color) toolbar-button-hover-background-color : #2f363d toolbar-button-secondary-color : var( -toolbar-text-secondary-color) toolbar-button-background-color : transparent toolbar-button-color : var( -toolbar-text-color) base-box-shadow : 0 2 px 7 px var( -shadow-color) base-border : 1 px solid var( -box-border-color) spacing-third: calc(var(-spacing) / 3) */ spacing-triple: calc(var(-spacing) * 3) spacing-double: calc(var(-spacing) * 2) * The height of the title bar area on darwin platforms win32-title-bar-background-color : #24292e
GITHUB DESKTOP DARK THEME UPDATE
* If changed, update titleBarHeight in 'app/src/ui/dialog/dialog.tsx'
* The height of the title bar area on Win32 platforms box-selected-active-border-color : #959da5 * Border color for selected boxes with active keyboard focus * Text color for selected boxes with active keyboard focus box-selected-active-background-color : #0366d6 * Background color for selected boxes with active keyboard focus * Border color for selected boxes without keyboard focus box-selected-text-color : var( -text-color) * Text color for selected boxes without keyboard focus * Background color for when a user hovers over a boxe with a * implement a hover state since this will conflict with * Text color for when a user hovers over a boxe with a box-selected-background-color : #1b1c1d * Background color for selected boxes without keyboard focus * Background color for custom scroll bars in their active state. * The color is applied to the thumb part of the scrollbar. * Background color for custom scroll bars. ** Extra small font size, be very conservative with the use of this */ font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace */ font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif
secondary-button-focus-border-color : #000000 secondary-button-text-color : var( -text-color) secondary-button-hover-background : #444444 * Variables that *categorically* shouldn't be overridden are commented out, * All of the CSS variables are copied in from the compiled ui.css
GITHUB DESKTOP DARK THEME INSTALL
Thanks to for improved cross platform compatibility in the install script and higher contrast colors for the code highlighting in diffs resourcesPath let html_file_path if ( fs. In order to use these stylesheets, place them in ~/.config/joplin-desktop/ on linux, and in %userprofile%\.config\joplin-desktop\ on windows.Const fs = require ( 'fs' ) const path = require ( 'path' ) const res = process. Userchrome.css is used to style the entire app, userstyle.css is used to style the parsed markdown, instead. responsive multi-column markdown render.fixed note links contrast with new modern icon.Add custom headers (with 1 color per header).Took some inspiration on the PHPStorm Nord theme.
GITHUB DESKTOP DARK THEME PRO
Based on the dark theme from to look more like the One Dark Pro on vscode.
0 kommentar(er)
