jan/web/styles/main.scss
Faisal Amir faa09bd2bf
feat: Dekstop Revamp (#2877)
* 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>
2024-05-29 13:37:18 +07:00

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;
}