angular-osf/src/app/core/theme/components.ts at 6a153dfd01a313f8afedc2decc4639eae20afeb3 · nsemets/angular-osf · 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
import { primitives } from './primitives';

export const components = {
  button: {
    outlined: {
      primary: {
        hoverBackground: primitives.colors.bgBlueTwo,
        activeBackground: primitives.colors.bgBlueTwo,
      },
      success: {
        hoverBackground: primitives.colors.greenTwo,
        activeBackground: primitives.colors.greenTwo,
      },
    },
    colorScheme: {
      light: {
        root: {
          success: {
            hoverBackground: primitives.colors.greenThree,
            hoverBorderColor: primitives.colors.greenThree,
          },
          danger: {
            hoverBackground: primitives.colors.redThree,
            hoverBorderColor: primitives.colors.redThree,
          },
          info: {
            background: primitives.colors.transparent,
            hoverBackground: primitives.colors.transparent,
            activeBackground: primitives.colors.transparent,
            borderColor: primitives.colors.transparent,
            hoverBorderColor: primitives.colors.greyTwo,
            activeBorderColor: primitives.colors.greyTwo,
            color: primitives.colors.darkBlueOne,
            hoverColor: primitives.colors.darkBlueOne,
            activeColor: primitives.colors.darkBlueOne,
          },
          secondary: {
            background: primitives.colors.bgBlueThree,
            hoverBackground: primitives.colors.bgBlueTwo,
            activeBackground: primitives.colors.bgBlueThree,
            borderColor: primitives.colors.bgBlueThree,
            hoverBorderColor: primitives.colors.bgBlueTwo,
            color: primitives.colors.darkBlueTwo,
            hoverColor: primitives.colors.prBlueThree,
          },
        },
      },
    },
  },
};