faa09bd2bf
* feat: desktop revamp * feat: refactor system monitor * fix linter CI * remove unused import component * added responsive and resizeable component * responsive and resizeable local server page * finalize responsive and resizeable component * fix scroll custom ui * remove react scroll to bottom from modal troubleshoot * fix modal troubleshoot ui * fix setting gpu list * text area custom scroll bar * fix padding message input * cleanup classname * update inference engine model dropdown * update loader style * update quick ask ui * prepare theme provider * update dark theme * remove update hotkey list model and navigation * fix: cleanup hardcode classname * fix: update feedback * Set native theme electron * update destop ui revamp from feedback * update button icon component insider icon chat input message * update model dropdown ui * update tranaparent baclground * update logo model provider * fix: set background material acrylic support to blur background windows * fix: update tranparent left and right panel * fix: linter CI * update app using frameless window * styling custom style minimize, maximize and close app * temporary hidden maximize window * fix: responsive left and right panel * fix: enable click outside when leftpanel responsive * fix: remove unused import * update transparent variable css windows * fix: ui import model * feat: Support Theme system (#2946) * feat: update support theme system * update select component * feat: add theme folder in root project * fix: padding left and right center panel * fix: update padding left and right * chore: migrate themes * fix: rmdirsync error * chore: update gitignore * fix: cp recursive * fix: files electron package json * fix: migration * fix: update fgit ignore --------- Co-authored-by: Louis <louis@jan.ai> * fix: update feedback missing state when refrash app * fix: error test CI * chore: refactor useLoadThemes * chore: cleanup unused vars * fix: revert back menubar windows * fix minor ui * fix: minor ui --------- Co-authored-by: Louis <louis@jan.ai>
145 lines
2.8 KiB
JSON
145 lines
2.8 KiB
JSON
{
|
|
"id": "joi-dark",
|
|
"displayName": "Joi Dark",
|
|
"reduceTransparent": true,
|
|
"nativeTheme": "dark",
|
|
"variables": {
|
|
"app": {
|
|
"bg": "0, 0%, 13%, 1",
|
|
"transparent": "0, 0%, 13%, 0.3",
|
|
"border": "0, 0%, 100%, 0.1",
|
|
"link": "221, 83%, 53%, 1",
|
|
"code-block": "0, 0%, 17%, 1"
|
|
},
|
|
|
|
"primary": {
|
|
"bg": {
|
|
"__default": "221, 79%, 59%, 1",
|
|
"soft": "221, 79%, 59%, 0.2"
|
|
},
|
|
"fg": "0, 0%, 100%, 1"
|
|
},
|
|
|
|
"secondary": {
|
|
"bg": "0, 0%, 100%, 0.2",
|
|
"fg": "0, 0%, 80%, 1"
|
|
},
|
|
|
|
"tertiary": {
|
|
"bg": "0, 0%, 0%, 0.02"
|
|
},
|
|
|
|
"disabled": {
|
|
"bg": "0, 0%, 0%, 0.2",
|
|
"fg": "0, 0%, 100%, 0.2"
|
|
},
|
|
|
|
"top-panel": {
|
|
"bg": "0, 0%, 13%, 0.3"
|
|
},
|
|
|
|
"bottom-panel": {
|
|
"bg": "0, 0%, 13%, 0.3"
|
|
},
|
|
|
|
"ribbon-panel": {
|
|
"bg": "0, 0%, 13%, 0.3",
|
|
"border": "0, 0%, 100%, 0.1",
|
|
"icon": "0, 0%, 68%, 1",
|
|
"icon-hover": "0, 0%, 28%, 0.2",
|
|
"icon-active": "0, 0%, 100%, 1",
|
|
"icon-active-bg": "0, 0%, 100%, 0.1"
|
|
},
|
|
|
|
"left-panel": {
|
|
"bg": "0, 0%, 13%, 0",
|
|
"menu": "0, 0%, 95%, 1",
|
|
"menu-hover": "0, 0%, 28%, 0.2",
|
|
"menu-active": "0, 0%, 100%, 1",
|
|
"icon-active-bg": "0, 0%, 100%, 0.1"
|
|
},
|
|
|
|
"center-panel": {
|
|
"bg": "0, 0%, 13%, 1"
|
|
},
|
|
|
|
"right-panel": {
|
|
"bg": "0, 0%, 13%, 0"
|
|
},
|
|
|
|
"tooltip": {
|
|
"bg": "0, 0%, 100%, 1",
|
|
"fg": "0, 0%, 0%, 1"
|
|
},
|
|
|
|
"switch": {
|
|
"bg": "0, 0%, 80%, 0.1",
|
|
"fg": "0, 0%, 100%, 1"
|
|
},
|
|
|
|
"dropdown-menu": {
|
|
"hover-bg": "0, 0%, 28%, 0.2"
|
|
},
|
|
|
|
"scrollbar": {
|
|
"tracker": "0, 0%, 28%, 0.2",
|
|
"thumb": "0, 0%, 50%, 1"
|
|
},
|
|
|
|
"input": {
|
|
"bg": "0, 0%, 13%, 0",
|
|
"placeholder": "0, 0%, 70%, 0.5",
|
|
"icon": "0, 0%, 68%, 1",
|
|
"border": "0, 0%, 100%, 0.1"
|
|
},
|
|
|
|
"textarea": {
|
|
"bg": "0, 0%, 13%, 0",
|
|
"placeholder": "0, 0%, 70%, 0.5",
|
|
"icon": "0, 0%, 68%, 1",
|
|
"border": "0, 0%, 100%, 0.1"
|
|
},
|
|
|
|
"select": {
|
|
"input-bg": "0, 0%, 13%, 0",
|
|
"bg": "0, 0%, 13%, 1",
|
|
"placeholder": "0, 0%, 70%, 0.5",
|
|
"icon": "0, 0%, 68%, 1",
|
|
"options-active-bg": "0, 0%, 28%, 0.2",
|
|
"border": "0, 0%, 100%, 0.1"
|
|
},
|
|
|
|
"progress-track": {
|
|
"bg": "0, 0%, 100%, 0.1"
|
|
},
|
|
|
|
"modal": {
|
|
"overlay": "0, 0%, 0%, 0.7",
|
|
"bg": "0, 0%, 13%, 1",
|
|
"fg": "0, 0%, 100%, 11"
|
|
},
|
|
|
|
"loader": {
|
|
"bg": "221, 83%, 53%, 0.1",
|
|
"fg": "0, 0%, 80%, 1",
|
|
"active-bg": "221, 83%, 53%, 0.2"
|
|
},
|
|
|
|
"toaster": {
|
|
"bg": "240, 6%, 10%, 1",
|
|
"text-title": "0, 0%, 100%, 1",
|
|
"close-icon": "0, 0%, 100%, 0.8",
|
|
"text-desc": "0, 0%, 100%, 0.88"
|
|
},
|
|
|
|
"slider": {
|
|
"track-bg": "0, 0%, 100%, 0.1",
|
|
"thumb-bg": "0, 0%, 100%, 1"
|
|
},
|
|
|
|
"resize": {
|
|
"bg": "0, 0%, 0%, 0.1"
|
|
}
|
|
}
|
|
}
|