* 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>
71 lines
1.6 KiB
SCSS
71 lines
1.6 KiB
SCSS
// Tailwind
|
|
|
|
@import 'tailwindcss/base';
|
|
@import 'tailwindcss/components';
|
|
@import 'tailwindcss/utilities';
|
|
|
|
@import '@janhq/joi/dist/main.css';
|
|
|
|
@import './base/global.scss';
|
|
|
|
@import './components/loader.scss';
|
|
@import './components/code-block.scss';
|
|
@import './components/message.scss';
|
|
|
|
:root {
|
|
--warning-bg: 41, 96%, 40%, 1;
|
|
--warning-bg-soft: 41, 96%, 40%, 0.1;
|
|
--warning-fg: 0, 0%, 100%, 1;
|
|
|
|
--success-bg: 142, 76%, 36%, 1;
|
|
--success-bg-soft: 142, 76%, 36%, 0.1;
|
|
--success-fg: 0, 0%, 100%, 1;
|
|
|
|
--destructive-bg: 0, 72%, 51%, 1;
|
|
--destructive-bg-soft: 0, 72%, 51%, 0.1;
|
|
--destructive-fg: 0, 0%, 100%, 1;
|
|
|
|
--icon-bg: 0, 0%, 0%, 0.1;
|
|
--icon-border: 0, 0%, 0%, 0.1;
|
|
|
|
--info-bg: 217, 91%, 60%, 1;
|
|
--info-bg-soft: 217, 91%, 60%, 0.1;
|
|
--info-fg: 0, 0%, 100%, 1;
|
|
|
|
--ghost-border: 0, 0%, 0%, 0.1;
|
|
|
|
// Text Typography
|
|
--text-primary: 0, 0%, 0%, 1;
|
|
--text-secondary: 0, 0%, 0%, 0.6;
|
|
--text-tertiary: 0, 0%, 0%, 0.4;
|
|
--text-quaternary: 0, 0%, 0%, 0.2;
|
|
}
|
|
|
|
html.dark {
|
|
--warning-bg: 45, 93%, 47%, 1;
|
|
--warning-bg-soft: 45, 93%, 47%, 0.2;
|
|
--warning-fg: 0, 0%, 100%, 1;
|
|
|
|
--success-bg: 142, 71%, 45%, 1;
|
|
--success-bg-soft: 142, 71%, 45%, 0.2;
|
|
--success-fg: 0, 0%, 100%, 1;
|
|
|
|
--destructive-bg: 0, 84%, 60%, 1;
|
|
--destructive-bg-soft: 0, 84%, 60%, 0.2;
|
|
--destructive-fg: 0, 0%, 100%, 1;
|
|
|
|
--icon-bg: 0, 0%, 80%, 0.1;
|
|
--icon-border: 0, 0%, 100%, 0.1;
|
|
|
|
--info-bg: 217, 91%, 60%, 1;
|
|
--info-bg-soft: 217, 91%, 60%, 0.2;
|
|
--info-fg: 0, 0%, 100%, 1;
|
|
|
|
--ghost-border: 0, 0%, 100%, 0.1;
|
|
|
|
--text-primary: 0, 0%, 100%, 1;
|
|
--text-secondary: 0, 0%, 68%, 1;
|
|
--text-tertiary: 0, 0%, 68%, 0.4;
|
|
--text-quaternary: 0, 0%, 68%, 0.2;
|
|
}
|