sqlmesh/web/common/tailwind.lineage.config.js at 725cb7fea591cdb3d98c0ba6342c5b84ff1a95c1 · SQLMesh/sqlmesh · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
export default {
  theme: {
    colors: {},
    extend: {
      colors: {
        lineage: {
          background: 'var(--color-lineage-background)',
          divider: 'var(--color-lineage-divider)',
          border: 'var(--color-lineage-border)',
          control: {
            border: 'var(--color-lineage-control-border)',
            background: {
              DEFAULT: 'var(--color-lineage-control-background)',
              hover: 'var(--color-lineage-control-background-hover)',
            },
            icon: {
              background: 'var(--color-lineage-control-icon-background)',
              foreground: 'var(--color-lineage-control-icon-foreground)',
            },
            button: {
              tooltip: {
                border: 'var(--color-lineage-control-button-tooltip-border)',
                background:
                  'var(--color-lineage-control-button-tooltip-background)',
                foreground:
                  'var(--color-lineage-control-button-tooltip-foreground)',
              },
            },
          },
          grid: {
            dot: 'var(--color-lineage-grid-dot)',
          },
          edge: {
            DEFAULT: 'var(--color-lineage-edge)',
          },
          node: {
            background: 'var(--color-lineage-node-background)',
            foreground: 'var(--color-lineage-node-foreground)',
            selected: {
              border: 'var(--color-lineage-node-selected-border)',
            },
            border: {
              DEFAULT: 'var(--color-lineage-node-border)',
              hover: 'var(--color-lineage-node-border-hover)',
            },
            badge: {
              background: 'var(--color-lineage-node-badge-background)',
              foreground: 'var(--color-lineage-node-badge-foreground)',
            },
            appendix: {
              background: 'var(--color-lineage-node-appendix-background)',
            },
            handle: {
              icon: {
                background:
                  'var(--color-lineage-node-type-handle-icon-background)',
              },
            },
            port: {
              background: 'var(--color-lineage-node-port-background)',
              handle: {
                target: 'var(--color-lineage-node-port-handle-target)',
                source: 'var(--color-lineage-node-port-handle-source)',
              },
              edge: {
                source: 'var(--color-lineage-node-port-edge-source)',
                target: 'var(--color-lineage-node-port-edge-target)',
              },
            },
          },
          model: {
            column: {
              active: {
                background:
                  'var(--color-lineage-model-column-active-background)',
                foreground:
                  'var(--color-lineage-model-column-active-foreground)',
              },
              source: {
                background:
                  'var(--color-lineage-model-column-source-background)',
              },
              expression: {
                background:
                  'var(--color-lineage-model-column-expression-background)',
              },
              error: {
                background:
                  'var(--color-lineage-model-column-error-background)',
                icon: 'var(--color-lineage-model-column-error-icon)',
              },
              icon: {
                DEFAULT: 'var(--color-lineage-model-column-icon)',
                active: 'var(--color-lineage-model-column-icon-active)',
              },
            },
          },
        },
      },
    },
  },
}