jan/web/tailwind.config.js
Faisal Amir 539b467141
ui: interface revamp (#429)
* feat: adding create bot functionality

Signed-off-by: James <james@jan.ai>

* update the temperature progress bar

Signed-off-by: James <james@jan.ai>

* WIP baselayout

* Mapping plugins with available preferences

* Added loader component

* WIP working another screen

* Cleanup types and avoid import one by one

* Prepare bottom bar

* Add css variables colors to enable user select the accent

* Enable change accent color

* Seperate css variable

* Fix conflict

* Add blank state of my model empty

* Restyle explore models page

* Enable user config left sidebar

* Restyle my models page

* WIP styling chat page

* Restyling chat message

* Fix conflict

* Adde form preferences setting plugins

* Fixed form bot info

* Sidebar bot chat

* Showing rightbar for both setting when user created bot

* Fix style bot info

* Using overflow auto intead of scroll

* Remove script built UI from root package

* Fix missig import

* Resolve error linter

* fix e2e tests

Signed-off-by: James <james@jan.ai>

---------

Signed-off-by: James <james@jan.ai>
Co-authored-by: James <james@jan.ai>
2023-10-24 10:59:12 +07:00

63 lines
1.9 KiB
JavaScript

const { reverse } = require('dns')
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
content: [
'./app/**/*.{js,ts,jsx,tsx,mdx}',
'./containers/**/*.{js,ts,jsx,tsx,mdx}',
'./screens/**/*.{js,ts,jsx,tsx,mdx}',
'./uikit/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
colors: {
'background': 'hsl(var(--background))',
'background-reverse': 'hsl(var(--background-reverse))',
'foreground': 'hsl(var(--foreground))',
'border': 'hsl(var(--border))',
'accent': {
DEFAULT: 'hsl(var(--accent))',
},
'muted': {
DEFAULT: 'hsl(var(--muted))',
foreground: 'hsl(var(--muted-foreground))',
},
// input: 'hsl(var(--input))',
// ring: 'hsl(var(--ring))',
// primary: {
// DEFAULT: 'hsl(var(--primary))',
// foreground: 'hsl(var(--primary-foreground))',
// },
// secondary: {
// DEFAULT: 'hsl(var(--secondary))',
// foreground: 'hsl(var(--secondary-foreground))',
// },
// destructive: {
// DEFAULT: 'hsl(var(--destructive) / <alpha-value>)',
// foreground: 'hsl(var(--destructive-foreground) / <alpha-value>)',
// },
// popover: {
// DEFAULT: 'hsl(var(--popover))',
// foreground: 'hsl(var(--popover-foreground))',
// },
// card: {
// DEFAULT: 'hsl(var(--card))',
// foreground: 'hsl(var(--card-foreground))',
// },
},
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
'gradient-conic':
'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
},
animation: {
bounce200: 'bounce 1s infinite 200ms',
bounce400: 'bounce 1s infinite 400ms',
},
},
},
plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
}