Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
ulixee
GitHub Repository: ulixee/secret-agent
 Path: blob/main/replay/frontend/src/constants/themes.ts
1029 views
1
import ITheme from '~shared/interfaces/ITheme';

2
import { BLUE_500 } from './colors';

3


4
export const lightTheme: ITheme = {

5
  titlebarBackgroundColor: '#d4d4d4',

6
  addressBarBackgroundColor: '#fff',

7
  addressBarTextColor: '#000',

8
  toolbarBackgroundColor: '#ECECEC',

9
  toolbarBottomLineBackgroundColor: 'rgba(0, 0, 0, 0.12)',

10
  toolbarLightForeground: false,

11
  toolbarSeparatorColor: 'rgba(0, 0, 0, 0.12)',

12
  controlBackgroundColor: 'rgba(0,0,0,0.08)',

13
  controlHoverBackgroundColor: 'rgba(0, 0, 0, 0.1)',

14
  controlValueColor: '#000',

15
  controlLightIcon: false,

16
  switchBackgroundColor: 'rgba(0, 0, 0, 0.16)',

17
  dialogBackgroundColor: '#fff',

18
  dialogSeparatorColor: 'rgba(0, 0, 0, 0.12)',

19
  dialogTextColor: '#000',

20
  dialogLightForeground: false,

21
  pagesBackgroundColor: '#fff',

22
  pagesLightForeground: false,

23
  pagesTextColor: '#000',

24
  pagesNavigationDrawerBackgroundColor: '#fafafa',

25
  dropdownBackgroundColor: '#fff',

26
  dropdownBackgroundColorTranslucent: 'rgba(255, 255, 255, 0.7)',

27
  dropdownSeparatorColor: 'rgba(0, 0, 0, 0.12)',

28
  backgroundColor: '#fff',

29
  accentColor: BLUE_500,

30
};

31


32
export const darkTheme: ITheme = {

33
  titlebarBackgroundColor: '#1c1c1c',

34
  addressBarBackgroundColor: '#262626',

35
  addressBarTextColor: '#fff',

36
  toolbarBackgroundColor: '#333333',

37
  toolbarBottomLineBackgroundColor: 'rgba(255, 255, 255, 0.08)',

38
  toolbarLightForeground: true,

39
  toolbarSeparatorColor: 'rgba(255, 255, 255, 0.12)',

40
  controlBackgroundColor: 'rgba(255, 255, 255, 0.1)',

41
  controlHoverBackgroundColor: 'rgba(255, 255, 255, 0.12)',

42
  controlValueColor: '#fff',

43
  controlLightIcon: true,

44
  switchBackgroundColor: 'rgba(255, 255, 255, 0.24)',

45
  dialogBackgroundColor: '#383838',

46
  dialogSeparatorColor: 'rgba(255, 255, 255, 0.12)',

47
  dialogTextColor: '#fff',

48
  dialogLightForeground: true,

49
  pagesBackgroundColor: '#212121',

50
  pagesLightForeground: true,

51
  pagesTextColor: '#fff',

52
  dropdownBackgroundColor: 'rgb(66, 66, 66)',

53
  dropdownBackgroundColorTranslucent: 'rgb(60, 60, 60, 0.6)',

54
  dropdownSeparatorColor: 'rgba(255, 255, 255, 0.12)',

55
  pagesNavigationDrawerBackgroundColor: 'rgba(255, 255, 255, 0.05)',

56
  backgroundColor: '#1c1c1c',

57
  accentColor: BLUE_500,

58
};

59


60