mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-08-29 13:42:38 +00:00
![Dan Brown](/assets/img/avatar_default.png)
- Removed all existing SCSS usage of primary color. - Cut down custom styles injection to just be css vars. - Reduced button styles so default button is primary. - Updated button styles to lighten/brighten on hover & active states even when a custom color is set. - Removed unused scss color vars. - Updated default BookStack blue to achieve better accessibility.
81 lines
1.5 KiB
SCSS
81 lines
1.5 KiB
SCSS
/**
|
|
* Background colors
|
|
*/
|
|
|
|
.primary-background {
|
|
background-color: var(--color-primary) !important;
|
|
}
|
|
.primary-background-light {
|
|
background-color: var(--color-primary-light);
|
|
}
|
|
|
|
/*
|
|
* Status text colors
|
|
*/
|
|
.text-pos, .text-pos:hover, .text-pos-hover:hover {
|
|
color: $positive !important;
|
|
fill: $positive !important;
|
|
}
|
|
|
|
.text-warn, .text-warn:hover, .text-warn-hover:hover {
|
|
color: $warning !important;
|
|
fill: $warning !important;
|
|
}
|
|
|
|
.text-neg, .text-neg:hover, .text-neg-hover:hover {
|
|
color: $negative !important;
|
|
fill: $negative !important;
|
|
}
|
|
|
|
/*
|
|
* Style text colors
|
|
*/
|
|
.text-primary, .text-primary:hover, .text-primary-hover:hover {
|
|
color: var(--color-primary) !important;
|
|
fill: var(--color-primary) !important;
|
|
}
|
|
|
|
.text-muted {
|
|
color: #575757 !important;
|
|
fill: #575757 !important;
|
|
}
|
|
|
|
/*
|
|
* Entity text colors
|
|
*/
|
|
.text-bookshelf, .text-bookshelf:hover {
|
|
color: $color-bookshelf;
|
|
fill: $color-bookshelf;
|
|
}
|
|
.text-book, .text-book:hover {
|
|
color: $color-book;
|
|
fill: $color-book;
|
|
}
|
|
.text-page, .text-page:hover {
|
|
color: $color-page;
|
|
fill: $color-page;
|
|
}
|
|
.text-page.draft, .text-page.draft:hover {
|
|
color: $color-page-draft;
|
|
fill: $color-page-draft;
|
|
}
|
|
.text-chapter, .text-chapter:hover {
|
|
color: $color-chapter;
|
|
fill: $color-chapter;
|
|
}
|
|
|
|
/*
|
|
* Standard & Entity background colors
|
|
*/
|
|
.bg-white {
|
|
background-color: #FFFFFF;
|
|
}
|
|
.bg-book {
|
|
background-color: $color-book;
|
|
}
|
|
.bg-chapter {
|
|
background-color: $color-chapter;
|
|
}
|
|
.bg-shelf {
|
|
background-color: $color-bookshelf;
|
|
} |