BookStack Code Mirror - bookstack/blob - resources/sass/

1 @use "mixins";

3 /**

4 * Background colors

5 */

7 .primary-background {

8 background-color: var(--color-primary) !important;

9 }

10 .primary-background-light {

11 background-color: var(--color-primary-light);

12 @include mixins.whenDark {

13 background: #000;

14 .text-link {

15 color: #AAA !important;

16 }

17 }

18 }

19 .link-background {

20 background-color: var(--color-link) !important;

21 }

23 /*

24 * Status text colors

25 */

26 .text-pos, .text-pos:hover, .text-pos-hover:hover {

27 color: var(--color-positive) !important;

28 fill: var(--color-positive) !important;

29 }

31 .text-warn, .text-warn:hover, .text-warn-hover:hover {

32 color: var(--color-warning) !important;

33 fill: var(--color-warning) !important;

34 }

36 .text-neg, .text-neg:hover, .text-neg-hover:hover {

37 color: var(--color-negative) !important;

38 fill: var(--color-negative) !important;

39 }

41 /*

42 * Style text colors

43 */

44 .text-primary, .text-primary:hover, .text-primary-hover:hover {

45 color: var(--color-primary) !important;

46 fill: var(--color-primary) !important;

47 }

49 .text-link, .text-link:hover, .text-link-hover:hover {

50 color: var(--color-link) !important;

51 fill: var(--color-link) !important;

52 }

54 .text-muted {

55 @include mixins.lightDark(color, #575757, #888888, true);

56 fill: currentColor !important;

57 }

59 .text-dark {

60 @include mixins.lightDark(color, #222, #ccc, true);

61 fill: currentColor !important;

62 }

64 .text-white {

65 color: #fff;

66 fill: currentColor !important;

67 }

69 /*

70 * Entity text colors

71 */

72 .text-bookshelf, .text-bookshelf:hover {

73 color: var(--color-bookshelf);

74 fill: var(--color-bookshelf);

75 }

76 .text-book, .text-book:hover {

77 color: var(--color-book);

78 fill: var(--color-book);

79 }

80 .text-page, .text-page:hover {

81 color: var(--color-page);

82 fill: var(--color-page);

83 }

84 .text-page.draft, .text-page.draft:hover {

85 color: var(--color-page-draft);

86 fill: var(--color-page-draft);

87 }

88 .text-chapter, .text-chapter:hover {

89 color: var(--color-chapter);

90 fill: var(--color-chapter);

91 }

93 /*

94 * Standard & Entity background colors

95 */

96 .bg-white {

97 background-color: #FFFFFF;

98 }

99 .bg-book {

100 background-color: var(--color-book);

101 }

102 .bg-chapter {

103 background-color: var(--color-chapter);

104 }

105 .bg-bookshelf {

106 background-color: var(--color-bookshelf);

107 }