]> BookStack Code Mirror - bookstack/blob - resources/sass/_colors.scss
Fix Crowdin name in the language_request issue template
[bookstack] / resources / sass / _colors.scss
1 /**
2  * Background colors
3  */
4
5 .primary-background {
6   background-color: var(--color-primary) !important;
7 }
8 .primary-background-light {
9   background-color: var(--color-primary-light);
10   @include whenDark {
11     background: #000;
12     .text-primary {
13       color: #AAA !important;
14     }
15   }
16 }
17
18 /*
19  * Status text colors
20  */
21 .text-pos, .text-pos:hover, .text-pos-hover:hover {
22   color: $positive !important;
23   fill: $positive !important;
24 }
25
26 .text-warn, .text-warn:hover, .text-warn-hover:hover {
27   color: $warning !important;
28   fill: $warning !important;
29 }
30
31 .text-neg, .text-neg:hover, .text-neg-hover:hover  {
32   color: $negative !important;
33   fill: $negative !important;
34 }
35
36 /*
37  * Style text colors
38  */
39 .text-primary, .text-primary:hover, .text-primary-hover:hover  {
40   color: var(--color-primary) !important;
41   fill: var(--color-primary) !important;
42 }
43
44 .text-muted {
45   @include lightDark(color, #575757, #888888, true);
46   fill: currentColor !important;
47 }
48
49 .text-dark {
50   @include lightDark(color, #222, #ccc, true);
51   fill: currentColor !important;
52 }
53
54 .text-white {
55   color: #fff;
56   fill: currentColor !important;
57 }
58
59 /*
60  * Entity text colors
61  */
62 .text-bookshelf, .text-bookshelf:hover {
63   color: var(--color-bookshelf);
64   fill: var(--color-bookshelf);
65 }
66 .text-book, .text-book:hover {
67   color: var(--color-book);
68   fill: var(--color-book);
69 }
70 .text-page, .text-page:hover {
71   color: var(--color-page);
72   fill: var(--color-page);
73 }
74 .text-page.draft, .text-page.draft:hover {
75   color: var(--color-page-draft);
76   fill: var(--color-page-draft);
77 }
78 .text-chapter, .text-chapter:hover {
79   color: var(--color-chapter);
80   fill: var(--color-chapter);
81 }
82
83 /*
84  * Standard & Entity background colors
85  */
86 .bg-white {
87   background-color: #FFFFFF;
88 }
89 .bg-book {
90   background-color: var(--color-book);
91 }
92 .bg-chapter {
93   background-color: var(--color-chapter);
94 }
95 .bg-bookshelf {
96   background-color: var(--color-bookshelf);
97 }
Morty Proxy This is a proxified and sanitized view of the page, visit original site.