-<style id="custom-styles" data-color="{{ setting('app-color') }}" data-color-light="{{ setting('app-color-light') }}">
+@php
+ $settingSuffix = setting()->getForCurrentUser('dark-mode-enabled') ? '-dark' : '';
+@endphp
+<style>
:root {
- --color-primary: {{ setting('app-color') }};
- --color-primary-light: {{ setting('app-color-light') }};
- --color-bookshelf: {{ setting('bookshelf-color')}};
- --color-book: {{ setting('book-color')}};
- --color-chapter: {{ setting('chapter-color')}};
- --color-page: {{ setting('page-color')}};
- --color-page-draft: {{ setting('page-draft-color')}};
+ --color-primary: {{ setting('app-color' . $settingSuffix) }};
+ --color-primary-light: {{ setting('app-color-light' . $settingSuffix) }};
+ --color-link: {{ setting('link-color' . $settingSuffix) }};
+ --color-bookshelf: {{ setting('bookshelf-color' . $settingSuffix)}};
+ --color-book: {{ setting('book-color' . $settingSuffix)}};
+ --color-chapter: {{ setting('chapter-color' . $settingSuffix)}};
+ --color-page: {{ setting('page-color' . $settingSuffix)}};
+ --color-page-draft: {{ setting('page-draft-color' . $settingSuffix)}};
}
</style>