mirror of
https://github.com/logseq/logseq.git
synced 2026-02-01 22:47:36 +00:00
Merge branch 'master' into feat/db
This commit is contained in:
charlie
@@ -2,73 +2,22 @@ const colors = require('tailwindcss/colors')
|
||||
const plugin = require('tailwindcss/plugin')
|
||||
const radix = require('@radix-ui/colors')
|
||||
|
||||
const lx = override => ({
|
||||
'accent-01': 'or(' + override + ', --lx-accent-01, --ls-page-properties-background-color)',
|
||||
'accent-02': 'or(' + override + ', --lx-accent-02, --ls-page-properties-background-color)',
|
||||
'accent-03': 'or(' + override + ', --lx-accent-03, --ls-page-properties-background-color)',
|
||||
'accent-04': 'or(' + override + ', --lx-accent-04, --ls-page-properties-background-color)',
|
||||
'accent-05': 'or(' + override + ', --lx-accent-05, --color-blue-900)',
|
||||
'accent-06': 'or(' + override + ', --lx-accent-06, --color-blue-800)',
|
||||
'accent-07': 'or(' + override + ', --lx-accent-07, --color-blue-700)',
|
||||
'accent-08': 'or(' + override + ', --lx-accent-08, --color-blue-600)',
|
||||
'accent-09': 'or(' + override + ', --lx-accent-09, --color-blue-500)',
|
||||
'accent-10': 'or(' + override + ', --lx-accent-10, --color-blue-400)',
|
||||
'accent-11': 'or(' + override + ', --lx-accent-11, --color-blue-200)',
|
||||
'accent-12': 'or(' + override + ', --lx-accent-12, --color-blue-50)',
|
||||
'accent-01-alpha': 'or(' + override + ', --lx-accent-01-alpha, --ls-page-properties-background-color)',
|
||||
'accent-02-alpha': 'or(' + override + ', --lx-accent-02-alpha, --ls-page-properties-background-color)',
|
||||
'accent-03-alpha': 'or(' + override + ', --lx-accent-03-alpha, --ls-page-properties-background-color)',
|
||||
'accent-04-alpha': 'or(' + override + ', --lx-accent-04-alpha, --ls-page-properties-background-color)',
|
||||
'accent-05-alpha': 'or(' + override + ', --lx-accent-05-alpha, --color-blue-900)',
|
||||
'accent-06-alpha': 'or(' + override + ', --lx-accent-06-alpha, --color-blue-800)',
|
||||
'accent-07-alpha': 'or(' + override + ', --lx-accent-07-alpha, --color-blue-700)',
|
||||
'accent-08-alpha': 'or(' + override + ', --lx-accent-08-alpha, --color-blue-600)',
|
||||
'accent-09-alpha': 'or(' + override + ', --lx-accent-09-alpha, --color-blue-500)',
|
||||
'accent-10-alpha': 'or(' + override + ', --lx-accent-10-alpha, --color-blue-400)',
|
||||
'accent-11-alpha': 'or(' + override + ', --lx-accent-11-alpha, --color-blue-200)',
|
||||
'accent-12-alpha': 'or(' + override + ', --lx-accent-12-alpha, --color-blue-50)',
|
||||
'gray-01': 'or(' + override + ', --lx-gray-01, --ls-primary-background-color)',
|
||||
'gray-02': 'or(' + override + ', --lx-gray-02, --ls-secondary-background-color)',
|
||||
'gray-03': 'or(' + override + ', --lx-gray-03, --ls-tertiary-background-color)',
|
||||
'gray-04': 'or(' + override + ', --lx-gray-04, --ls-quaternary-background-color)',
|
||||
'gray-05': 'or(' + override + ', --lx-gray-05, --color-level-4)',
|
||||
'gray-06': 'or(' + override + ', --lx-gray-06, --ls-block-bullet-border-color)',
|
||||
'gray-07': 'or(' + override + ', --lx-gray-07, --ls-border-color)',
|
||||
'gray-08': 'or(' + override + ', --lx-gray-08, --ls-secondary-border-color)',
|
||||
'gray-09': 'or(' + override + ', --lx-gray-09, --color-level-5)',
|
||||
'gray-10': 'or(' + override + ', --lx-gray-10, --ls-title-text-color)',
|
||||
'gray-11': 'or(' + override + ', --lx-gray-11, --ls-primary-text-color)',
|
||||
'gray-12': 'or(' + override + ', --lx-gray-12, --ls-secondary-text-color)',
|
||||
'gray-01-alpha': 'or(' + override + ', --lx-gray-01-alpha, --ls-primary-background-color)',
|
||||
'gray-02-alpha': 'or(' + override + ', --lx-gray-02-alpha, --ls-secondary-background-color)',
|
||||
'gray-03-alpha': 'or(' + override + ', --lx-gray-03-alpha, --ls-tertiary-background-color)',
|
||||
'gray-04-alpha': 'or(' + override + ', --lx-gray-04-alpha, --ls-quaternary-background-color)',
|
||||
'gray-05-alpha': 'or(' + override + ', --lx-gray-05-alpha, --color-level-4)',
|
||||
'gray-06-alpha': 'or(' + override + ', --lx-gray-06-alpha, --ls-block-bullet-color)',
|
||||
'gray-07-alpha': 'or(' + override + ', --lx-gray-07-alpha, --ls-border-color)',
|
||||
'gray-08-alpha': 'or(' + override + ', --lx-gray-08-alpha, --ls-secondary-border-color)',
|
||||
'gray-09-alpha': 'or(' + override + ', --lx-gray-09-alpha, --color-level-5)',
|
||||
'gray-10-alpha': 'or(' + override + ', --lx-gray-10-alpha, --color-level-6)',
|
||||
'gray-11-alpha': 'or(' + override + ', --lx-gray-11-alpha, --ls-primary-text-color)',
|
||||
'gray-12-alpha': 'or(' + override + ', --lx-gray-12-alpha, --ls-secondary-text-color)',
|
||||
})
|
||||
|
||||
const accent = {
|
||||
'DEFAULT': 'hsl(var(--accent))',
|
||||
'base': 'hsl(var(--accent))',
|
||||
'foreground': 'hsl(var(--accent-foreground))',
|
||||
'01': 'var(--lx-accent-01)',
|
||||
'02': 'var(--lx-accent-02)',
|
||||
'03': 'var(--lx-accent-03)',
|
||||
'04': 'var(--lx-accent-04)',
|
||||
'05': 'var(--lx-accent-05)',
|
||||
'06': 'var(--lx-accent-06)',
|
||||
'07': 'var(--lx-accent-07)',
|
||||
'08': 'var(--lx-accent-08)',
|
||||
'09': 'var(--lx-accent-09)',
|
||||
'10': 'var(--lx-accent-10)',
|
||||
'11': 'var(--lx-accent-11)',
|
||||
'12': 'var(--lx-accent-12)',
|
||||
'01': 'var(--lx-accent-01, --rx-gray-01)',
|
||||
'02': 'var(--lx-accent-02, hsl(var(--accent)/.1))',
|
||||
'03': 'var(--lx-accent-03, hsl(var(--accent)/.15))',
|
||||
'04': 'var(--lx-accent-04, hsl(var(--accent)/.2))',
|
||||
'05': 'var(--lx-accent-05, hsl(var(--accent)/.3))',
|
||||
'06': 'var(--lx-accent-06, hsl(var(--accent)/.4))',
|
||||
'07': 'var(--lx-accent-07, hsl(var(--accent)/.5))',
|
||||
'08': 'var(--lx-accent-08, hsl(var(--accent)/.6))',
|
||||
'09': 'var(--lx-accent-09, hsl(var(--accent)/.7))',
|
||||
'10': 'var(--lx-accent-10, hsl(var(--accent)/.8))',
|
||||
'11': 'var(--lx-accent-11, hsl(var(--accent)/.9))',
|
||||
'12': 'var(--lx-accent-12, --rx-gray-12)',
|
||||
'01-alpha': 'var(--lx-accent-01-alpha)',
|
||||
'02-alpha': 'var(--lx-accent-02-alpha)',
|
||||
'03-alpha': 'var(--lx-accent-03-alpha)',
|
||||
@@ -85,30 +34,30 @@ const accent = {
|
||||
|
||||
const gray = {
|
||||
...colors.gray,
|
||||
'01': 'var(--lx-gray-01)',
|
||||
'02': 'var(--lx-gray-02)',
|
||||
'03': 'var(--lx-gray-03)',
|
||||
'04': 'var(--lx-gray-04)',
|
||||
'05': 'var(--lx-gray-05)',
|
||||
'06': 'var(--lx-gray-06)',
|
||||
'07': 'var(--lx-gray-07)',
|
||||
'08': 'var(--lx-gray-08)',
|
||||
'09': 'var(--lx-gray-09)',
|
||||
'10': 'var(--lx-gray-10)',
|
||||
'11': 'var(--lx-gray-11)',
|
||||
'12': 'var(--lx-gray-12)',
|
||||
'01-alpha': 'var(--lx-gray-01-alpha)',
|
||||
'02-alpha': 'var(--lx-gray-02-alpha)',
|
||||
'03-alpha': 'var(--lx-gray-03-alpha)',
|
||||
'04-alpha': 'var(--lx-gray-04-alpha)',
|
||||
'05-alpha': 'var(--lx-gray-05-alpha)',
|
||||
'06-alpha': 'var(--lx-gray-06-alpha)',
|
||||
'07-alpha': 'var(--lx-gray-07-alpha)',
|
||||
'08-alpha': 'var(--lx-gray-08-alpha)',
|
||||
'09-alpha': 'var(--lx-gray-09-alpha)',
|
||||
'10-alpha': 'var(--lx-gray-10-alpha)',
|
||||
'11-alpha': 'var(--lx-gray-11-alpha)',
|
||||
'12-alpha': 'var(--lx-gray-12-alpha)',
|
||||
'01': 'var(--lx-gray-01, var(--ls-primary-background-color, var(--rx-gray-01)))',
|
||||
'02': 'var(--lx-gray-02, var(--ls-secondary-background-color, var(--rx-gray-02)))',
|
||||
'03': 'var(--lx-gray-03, var(--ls-tertiary-background-color, var(--rx-gray-03)))',
|
||||
'04': 'var(--lx-gray-04, var(--ls-quaternary-background-color, var(--rx-gray-04)))',
|
||||
'05': 'var(--lx-gray-05, var(--rx-gray-05))',
|
||||
'06': 'var(--lx-gray-06, var(--rx-gray-06))',
|
||||
'07': 'var(--lx-gray-07, var(--rx-gray-07))',
|
||||
'08': 'var(--lx-gray-08, var(--rx-gray-08))',
|
||||
'09': 'var(--lx-gray-09, var(--rx-gray-09))',
|
||||
'10': 'var(--lx-gray-10, var(--rx-gray-10))',
|
||||
'11': 'var(--lx-gray-11, var(--rx-gray-11))',
|
||||
'12': 'var(--lx-gray-12, var(--rx-gray-12))',
|
||||
'01-alpha': 'var(--lx-gray-01-alpha, var(--rx-gray-01-alpha))',
|
||||
'02-alpha': 'var(--lx-gray-02-alpha, var(--rx-gray-02-alpha))',
|
||||
'03-alpha': 'var(--lx-gray-03-alpha, var(--rx-gray-03-alpha))',
|
||||
'04-alpha': 'var(--lx-gray-04-alpha, var(--rx-gray-04-alpha))',
|
||||
'05-alpha': 'var(--lx-gray-05-alpha, var(--rx-gray-05-alpha))',
|
||||
'06-alpha': 'var(--lx-gray-06-alpha, var(--rx-gray-06-alpha))',
|
||||
'07-alpha': 'var(--lx-gray-07-alpha, var(--rx-gray-07-alpha))',
|
||||
'08-alpha': 'var(--lx-gray-08-alpha, var(--rx-gray-08-alpha))',
|
||||
'09-alpha': 'var(--lx-gray-09-alpha, var(--rx-gray-09-alpha))',
|
||||
'10-alpha': 'var(--lx-gray-10-alpha, var(--rx-gray-10-alpha))',
|
||||
'11-alpha': 'var(--lx-gray-11-alpha, var(--rx-gray-11-alpha))',
|
||||
'12-alpha': 'var(--lx-gray-12-alpha, var(--rx-gray-12-alpha))',
|
||||
}
|
||||
|
||||
function exposeColorsToCssVars ({ addBase, theme }) {
|
||||
@@ -193,8 +142,7 @@ module.exports = {
|
||||
require('@tailwindcss/aspect-ratio'),
|
||||
require('tailwind-capitalize-first-letter'),
|
||||
require('tailwindcss-animate'),
|
||||
exposeColorsToCssVars,
|
||||
withOverride,
|
||||
exposeColorsToCssVars
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
@@ -226,15 +174,15 @@ module.exports = {
|
||||
'lmd': '728px',
|
||||
'llg': '960px'
|
||||
},
|
||||
backgroundColor: {
|
||||
...lx('--lx-bg-override'),
|
||||
},
|
||||
textColor: {
|
||||
...lx('--lx-text-override'),
|
||||
},
|
||||
borderColor: {
|
||||
...lx('--lx-border-override'),
|
||||
},
|
||||
// backgroundColor: {
|
||||
// ...lx('--lx-bg-override'),
|
||||
// },
|
||||
// textColor: {
|
||||
// ...lx('--lx-text-override'),
|
||||
// },
|
||||
// borderColor: {
|
||||
// ...lx('--lx-border-override'),
|
||||
// },
|
||||
borderRadius: {
|
||||
lg: 'var(--radius)',
|
||||
md: 'calc(var(--radius) - 2px)',
|
||||
@@ -278,6 +226,9 @@ module.exports = {
|
||||
DEFAULT: 'hsl(var(--popover))',
|
||||
foreground: 'hsl(var(--popover-foreground))',
|
||||
},
|
||||
popovelx: {
|
||||
DEFAULT: 'var(--lx-gray-03, hsl(var(--popover)))',
|
||||
},
|
||||
card: {
|
||||
DEFAULT: 'hsl(var(--card))',
|
||||
foreground: 'hsl(var(--card-foreground))',
|
||||
|
||||
Reference in New Issue
Block a user