matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Black mode

Browse Source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2024-03-24 17:38:34 +01:00
parent c24fc10c93
commit 067fc9e45d
44 changed files with 77 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/components/datepicker.scss
View File

@ -1,9 +1,9 @@
.react-datepicker {
@apply dark:bg-gray-900 dark:border-gray-700 p-4 font-sans text-xs text-gray-900 dark:text-gray-300 border border-solid border-gray-200 rounded-lg;
@apply black:bg-black dark:bg-gray-900 dark:border-gray-700 p-4 font-sans text-xs text-gray-900 dark:text-gray-300 border border-solid border-gray-200 rounded-lg;
}
.react-datepicker__input-container > input {
@apply dark:bg-gray-900 dark:text-gray-100 block w-full sm:text-sm border-gray-400 dark:border-gray-800 rounded-md focus:ring-primary-500 focus:border-primary-500;
@apply black:bg-black dark:bg-gray-900 dark:text-gray-100 block w-full sm:text-sm border-gray-400 dark:border-gray-800 rounded-md focus:ring-primary-500 focus:border-primary-500;
&.has-error {
@apply text-red-600 border-red-600;
@ -24,7 +24,7 @@
}
.react-datepicker__header {
@apply bg-white dark:bg-gray-900 border-b-0 py-1 px-0;
@apply bg-white black:bg-black dark:bg-gray-900 border-b-0 py-1 px-0;
}
.react-datepicker__current-month,
@ -85,11 +85,13 @@
}
.react-datepicker__time {
@apply dark:bg-gray-900;
&-container & {
@apply dark:bg-gray-900 black:bg-black;
}
}
.react-datepicker__time-container {
@apply dark:border-gray-700;
@apply dark:border-gray-700 black:border-gray-800;
}
.react-datepicker__day-name,

2
src/styles/components/detailed-status.scss
View File

@ -1,5 +1,5 @@
.thread {
@apply bg-white dark:bg-primary-900;
@apply bg-white black:bg-black dark:bg-primary-900;
&__status {
@apply relative pb-4;

4
src/styles/emoji-picker.scss
View File

@ -8,3 +8,7 @@ em-emoji-picker {
.dark em-emoji-picker {
--rgb-background: var(--color-primary-900);
}
.black em-emoji-picker {
--rgb-background: var(--color-gray-900);
}

2
src/styles/navigation.scss
View File

@ -1,5 +1,5 @@
.thumb-navigation {
@apply fixed lg:hidden bottom-0 bg-white/90 dark:bg-primary-900/90 backdrop-blur-md border-t border-solid border-gray-200 dark:border-gray-800 left-0 right-0 shadow-2xl w-full flex z-50;
@apply fixed lg:hidden bottom-0 bg-white/90 black:bg-black/90 dark:bg-primary-900/90 backdrop-blur-md border-t border-solid border-gray-200 dark:border-gray-800 left-0 right-0 shadow-2xl w-full flex z-50;
padding-bottom: env(safe-area-inset-bottom); /* iOS PWA */
overflow-x: auto;
scrollbar-width: thin;