]> BookStack Code Mirror - bookstack/blob - resources/sass/_colors.scss
Allow toggling between grid and list view in shelf view (shelves.show)
[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 }
11
12 /*
13  * Status text colors
14  */
15 .text-pos, .text-pos:hover, .text-pos-hover:hover {
16   color: $positive !important;
17   fill: $positive !important;
18 }
19
20 .text-warn, .text-warn:hover, .text-warn-hover:hover {
21   color: $warning !important;
22   fill: $warning !important;
23 }
24
25 .text-neg, .text-neg:hover, .text-neg-hover:hover  {
26   color: $negative !important;
27   fill: $negative !important;
28 }
29
30 /*
31  * Style text colors
32  */
33 .text-primary, .text-primary:hover, .text-primary-hover:hover  {
34   color: var(--color-primary) !important;
35   fill: var(--color-primary) !important;
36 }
37
38 .text-muted {
39   color: #575757 !important;
40   fill: #575757 !important;
41 }
42
43 /*
44  * Entity text colors
45  */
46 .text-bookshelf, .text-bookshelf:hover {
47   color: var(--color-bookshelf);
48   fill: var(--color-bookshelf);
49 }
50 .text-book, .text-book:hover {
51   color: var(--color-book);
52   fill: var(--color-book);
53 }
54 .text-page, .text-page:hover {
55   color: var(--color-page);
56   fill: var(--color-page);
57 }
58 .text-page.draft, .text-page.draft:hover {
59   color: var(--color-page-draft);
60   fill: var(--color-page-draft);
61 }
62 .text-chapter, .text-chapter:hover {
63   color: var(--color-chapter);
64   fill: var(--color-chapter);
65 }
66
67 /*
68  * Standard & Entity background colors
69  */
70 .bg-white {
71   background-color: #FFFFFF;
72 }
73 .bg-book {
74   background-color: var(--color-book);
75 }
76 .bg-chapter {
77   background-color: var(--color-chapter);
78 }
79 .bg-shelf {
80   background-color: var(--color-bookshelf);
81 }