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-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 /*
  55  * Entity text colors
  56  */
  57 .text-bookshelf, .text-bookshelf:hover {
  58   color: var(--color-bookshelf);
  59   fill: var(--color-bookshelf);
  60 }
  61 .text-book, .text-book:hover {
  62   color: var(--color-book);
  63   fill: var(--color-book);
  64 }
  65 .text-page, .text-page:hover {
  66   color: var(--color-page);
  67   fill: var(--color-page);
  68 }
  69 .text-page.draft, .text-page.draft:hover {
  70   color: var(--color-page-draft);
  71   fill: var(--color-page-draft);
  72 }
  73 .text-chapter, .text-chapter:hover {
  74   color: var(--color-chapter);
  75   fill: var(--color-chapter);
  76 }
  77
  78 /*
  79  * Standard & Entity background colors
  80  */
  81 .bg-white {
  82   background-color: #FFFFFF;
  83 }
  84 .bg-book {
  85   background-color: var(--color-book);
  86 }
  87 .bg-chapter {
  88   background-color: var(--color-chapter);
  89 }
  90 .bg-shelf {
  91   background-color: var(--color-bookshelf);
  92 }
  93
  94 .bg-shelf, .bg-book {
  95   @include whenDark {
  96     filter: brightness(67%) saturate(80%);
  97   }
  98 }