acid-info/Kurate
1
0
Fork 0
mirror of https://github.com/acid-info/Kurate.git synced 2025-01-12 08:54:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: comment out all instances of dark mode css (#348)

Browse Source
This commit is contained in:
Barbara Gomes 2023-04-02 16:11:42 -04:00 committed by GitHub
parent c87b77930f
commit dbcd9f5d27
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 113 additions and 122 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
packages/ui/src/lib/components/button.svelte
View File

@ -95,21 +95,21 @@
transition: border-color 0.2s, background-color 0.2s;
}
@media (prefers-color-scheme: dark) {
&:disabled {
background-color: var(--grey-200);
color: var(--color-body-bg);
// @media (prefers-color-scheme: dark) {
// &:disabled {
// background-color: var(--grey-200);
// color: var(--color-body-bg);
& :global(svg) {
fill: var(--color-body-bg);
}
}
// & :global(svg) {
// fill: var(--color-body-bg);
// }
// }
&:active:not(:disabled),
&:hover:not(:disabled) {
transition: border-color 0.2s, background-color 0.2s;
}
}
// &:active:not(:disabled),
// &:hover:not(:disabled) {
// transition: border-color 0.2s, background-color 0.2s;
// }
// }
}
.secondary {
background-color: var(--color-body-bg);
@ -134,29 +134,29 @@
transition: border-color 0.2s, background-color 0.2s;
}
@media (prefers-color-scheme: dark) {
background-color: var(--color-body-bg);
border-color: var(--color-body-text);
color: var(--color-body-text);
// @media (prefers-color-scheme: dark) {
// background-color: var(--color-body-bg);
// border-color: var(--color-body-text);
// color: var(--color-body-text);
& :global(svg) {
fill: var(--color-body-text);
}
// & :global(svg) {
// fill: var(--color-body-text);
// }
&:disabled {
background-color: var(--color-body-bg);
color: var(--grey-500);
// &:disabled {
// background-color: var(--color-body-bg);
// color: var(--grey-500);
& :global(svg) {
fill: var(--grey-500);
}
}
// & :global(svg) {
// fill: var(--grey-500);
// }
// }
&:active:not(:disabled),
&:hover:not(:disabled) {
transition: border-color 0.2s, background-color 0.2s;
}
}
// &:active:not(:disabled),
// &:hover:not(:disabled) {
// transition: border-color 0.2s, background-color 0.2s;
// }
// }
}
.overlay {
background-color: rgba(var(--color-black-rgb), 0.5);
@ -198,14 +198,14 @@
}
}
@media (prefers-color-scheme: dark) {
background-color: var(--color-body-bg);
border-color: var(--color-body-text);
color: var(--color-body-text);
// @media (prefers-color-scheme: dark) {
// background-color: var(--color-body-bg);
// border-color: var(--color-body-text);
// color: var(--color-body-text);
& :global(svg) {
fill: var(--color-body-text);
}
}
// & :global(svg) {
// fill: var(--color-body-text);
// }
// }
}
</style>

30
packages/ui/src/lib/components/grid-card.svelte
View File

@ -62,21 +62,21 @@
animation-timing-function: ease-out;
}
@media (prefers-color-scheme: dark) {
.root {
&:not(:last-child) {
border-bottom-color: var(--grey-500);
}
// @media (prefers-color-scheme: dark) {
// .root {
// &:not(:last-child) {
// border-bottom-color: var(--grey-500);
// }
&:hover {
background-color: var(--grey-500);
}
}
// &:hover {
// background-color: var(--grey-500);
// }
// }
:global(svg) {
fill: var(--grey-100);
width: 16px;
height: 16px;
}
}
// :global(svg) {
// fill: var(--grey-100);
// width: 16px;
// height: 16px;
// }
// }
</style>

6
packages/ui/src/lib/components/header-top.svelte
View File

@ -82,9 +82,9 @@
padding-block: var(--spacing-12);
transition: padding 0.2s;
}
@media (prefers-color-scheme: dark) {
box-shadow: 0 1px 5px 0 rgba(var(--color-body-bg-rgb), 0.75);
}
// @media (prefers-color-scheme: dark) {
// box-shadow: 0 1px 5px 0 rgba(var(--color-body-bg-rgb), 0.75);
// }
}
}
</style>

64
packages/ui/src/lib/components/input-file.svelte
View File

@ -84,21 +84,21 @@
transition: border-color 0.2s, background-color 0.2s;
}
@media (prefers-color-scheme: dark) {
&:disabled {
background-color: var(--grey-200);
color: var(--color-body-bg);
// @media (prefers-color-scheme: dark) {
// &:disabled {
// background-color: var(--grey-200);
// color: var(--color-body-bg);
& :global(svg) {
fill: var(--color-body-bg);
}
}
// & :global(svg) {
// fill: var(--color-body-bg);
// }
// }
&:active:not(:disabled),
&:hover:not(:disabled) {
transition: border-color 0.2s, background-color 0.2s;
}
}
// &:active:not(:disabled),
// &:hover:not(:disabled) {
// transition: border-color 0.2s, background-color 0.2s;
// }
// }
}
.secondary {
background-color: var(--color-body-bg);
@ -123,29 +123,29 @@
transition: border-color 0.2s, background-color 0.2s;
}
@media (prefers-color-scheme: dark) {
background-color: var(--color-body-bg);
border-color: var(--color-body-text);
color: var(--color-body-text);
// @media (prefers-color-scheme: dark) {
// background-color: var(--color-body-bg);
// border-color: var(--color-body-text);
// color: var(--color-body-text);
& :global(svg) {
fill: var(--color-body-text);
}
// & :global(svg) {
// fill: var(--color-body-text);
// }
&:disabled {
background-color: var(--color-body-bg);
color: var(--grey-500);
// &:disabled {
// background-color: var(--color-body-bg);
// color: var(--grey-500);
& :global(svg) {
fill: var(--grey-500);
}
}
// & :global(svg) {
// fill: var(--grey-500);
// }
// }
&:active:not(:disabled),
&:hover:not(:disabled) {
transition: border-color 0.2s, background-color 0.2s;
}
}
// &:active:not(:disabled),
// &:hover:not(:disabled) {
// transition: border-color 0.2s, background-color 0.2s;
// }
// }
}
.overlay {
background-color: rgba(var(--color-black-rgb), 0.5);

34
packages/ui/src/lib/components/select.svelte
View File

@ -69,26 +69,26 @@
transition: background-color 0.2s;
}
@media (prefers-color-scheme: dark) {
background-color: var(--color-body-bg);
color: var(--color-body-text);
// @media (prefers-color-scheme: dark) {
// background-color: var(--color-body-bg);
// color: var(--color-body-text);
& :global(svg) {
fill: var(--color-body-text);
}
// & :global(svg) {
// fill: var(--color-body-text);
// }
&:disabled {
color: var(--grey-500);
// &:disabled {
// color: var(--grey-500);
& :global(svg) {
fill: var(--grey-500);
}
}
// & :global(svg) {
// fill: var(--grey-500);
// }
// }
&:active:not(:disabled),
&:hover:not(:disabled) {
transition: background-color 0.2s;
}
}
// &:active:not(:disabled),
// &:hover:not(:disabled) {
// transition: background-color 0.2s;
// }
// }
}
</style>

6
packages/ui/src/routes/(home)/+layout.svelte
View File

@ -39,9 +39,9 @@
.nav-wrapper {
padding: 0 var(--spacing-24) var(--spacing-24);
@media (prefers-color-scheme: dark) {
border-bottom-color: var(--grey-500);
}
// @media (prefers-color-scheme: dark) {
// border-bottom-color: var(--grey-500);
// }
@media (min-width: 688px) {
padding: 0 var(--spacing-48) var(--spacing-48);

6
packages/ui/src/routes/profile/+page.svelte
View File

@ -205,9 +205,9 @@
.wallet-icon-wrapper :global(svg) {
fill: var(--grey-100);
@media (prefers-color-scheme: dark) {
fill: var(--grey-500);
}
// @media (prefers-color-scheme: dark) {
// fill: var(--grey-500);
// }
}
.side-by-side {

9
packages/ui/src/routes/styles.css
View File

@ -121,7 +121,6 @@ body {
img,
picture,
/* svg, */
video {
display: block;
max-width: 100%;
@ -133,14 +132,6 @@ a {
text-decoration: underline;
}
/* THIS CLASS SHOULD BE REMOVED WHEN NO LONGER NEEDED */
.note {
background-color: palevioletred;
color: white;
text-align: center;
padding: var(--spacing-24);
}
@media (min-width: 1280px) {
:root {
--container-width: 1280px;