BookStack Code Mirror - bookstack/blob - 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-link {
  13       color: #AAA !important;
  14     }
  15   }
  16 }
  17 .link-background {
  18   background-color: var(--color-link) !important;
  19 }
  20
  21 /*
  22  * Status text colors
  23  */
  24 .text-pos, .text-pos:hover, .text-pos-hover:hover {
  25   color: $positive !important;
  26   fill: $positive !important;
  27 }
  28
  29 .text-warn, .text-warn:hover, .text-warn-hover:hover {
  30   color: $warning !important;
  31   fill: $warning !important;
  32 }
  33
  34 .text-neg, .text-neg:hover, .text-neg-hover:hover  {
  35   color: $negative !important;
  36   fill: $negative !important;
  37 }
  38
  39 /*
  40  * Style text colors
  41  */
  42 .text-primary, .text-primary:hover, .text-primary-hover:hover  {
  43   color: var(--color-primary) !important;
  44   fill: var(--color-primary) !important;
  45 }
  46
  47 .text-link, .text-link:hover, .text-link-hover:hover  {
  48   color: var(--color-link) !important;
  49   fill: var(--color-link) !important;
  50 }
  51
  52 .text-muted {
  53   @include lightDark(color, #575757, #888888, true);
  54   fill: currentColor !important;
  55 }
  56
  57 .text-dark {
  58   @include lightDark(color, #222, #ccc, true);
  59   fill: currentColor !important;
  60 }
  61
  62 .text-white {
  63   color: #fff;
  64   fill: currentColor !important;
  65 }
  66
  67 /*
  68  * Entity text colors
  69  */
  70 .text-bookshelf, .text-bookshelf:hover {
  71   color: var(--color-bookshelf);
  72   fill: var(--color-bookshelf);
  73 }
  74 .text-book, .text-book:hover {
  75   color: var(--color-book);
  76   fill: var(--color-book);
  77 }
  78 .text-page, .text-page:hover {
  79   color: var(--color-page);
  80   fill: var(--color-page);
  81 }
  82 .text-page.draft, .text-page.draft:hover {
  83   color: var(--color-page-draft);
  84   fill: var(--color-page-draft);
  85 }
  86 .text-chapter, .text-chapter:hover {
  87   color: var(--color-chapter);
  88   fill: var(--color-chapter);
  89 }
  90
  91 /*
  92  * Standard & Entity background colors
  93  */
  94 .bg-white {
  95   background-color: #FFFFFF;
  96 }
  97 .bg-book {
  98   background-color: var(--color-book);
  99 }
 100 .bg-chapter {
 101   background-color: var(--color-chapter);
 102 }
 103 .bg-bookshelf {
 104   background-color: var(--color-bookshelf);
 105 }