aboutsummaryrefslogtreecommitdiff
path: root/src/components/List.vue
diff options
context:
space:
mode:
authorFurkan Sahin <furkan-dev@proton.me>2021-04-13 12:49:14 -0500
committerFurkan Sahin <furkan-dev@proton.me>2021-04-13 12:49:14 -0500
commit65d0dbb9b3388e03c312c1dd456feeef740289e0 (patch)
tree9916793d0b760eb62b4102ca151c4802ea6e44ee /src/components/List.vue
parent6a152d5cf5f35bc58fc4b659fe6edcb6f94f760c (diff)
Start styling and add initial dark mode support
Diffstat (limited to 'src/components/List.vue')
-rw-r--r--src/components/List.vue8
1 files changed, 7 insertions, 1 deletions
diff --git a/src/components/List.vue b/src/components/List.vue
index 031f708..843370e 100644
--- a/src/components/List.vue
+++ b/src/components/List.vue
@@ -28,7 +28,6 @@ export default {
}
.list-item {
- border: 1px solid grey;
border-radius: 5px;
margin: 5px 0;
padding: 0.15em;
@@ -38,4 +37,11 @@ export default {
.list-item:hover {
background-color: rgb(182, 182, 182);
}
+
+@media (prefers-color-scheme: dark) {
+ .list-item {
+ background-color: #303030;
+ color: white;
+ }
+}
</style>