jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made ability list tiles compatible with dark mode

Browse Source
This commit is contained in:
Stefan Zermatten
2019-02-13 15:47:25 +02:00
parent ad7a485778
commit 3f6b3fe4c1
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/imports/ui/components/AbilityListTile.vue
View File

@@ -1,5 +1,5 @@
<template lang="html"> <template lang="html">
<v-list-tile class="ability-list-tile white" v-on="hasClickListener ? {click} : {}"> <v-list-tile class="ability-list-tile" v-on="hasClickListener ? {click} : {}">
<v-list-tile-action class="mr-4"> <v-list-tile-action class="mr-4">
<div class="display-1 mod"> <div class="display-1 mod">
@@ -42,6 +42,9 @@ export default {
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
.ability-list-tile {
background: inherit;
}
.ability-list-tile >>> .v-list__tile { .ability-list-tile >>> .v-list__tile {
height: 88px; height: 88px;
} }
@@ -53,6 +56,9 @@ export default {
font-size: 24px !important; font-size: 24px !important;
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
} }
.theme--dark .value {
color: rgba(255, 255, 255, 0.54);
}
.mod, .value { .mod, .value {
text-align: center; text-align: center;
width: 100%; width: 100%;

4
app/imports/ui/theme.js
View File

@@ -1,7 +1,7 @@
const theme = { const theme = {
primary: "#B71C1C", primary: "#B71C1C",
secondary: "#424242", secondary: "#424242",
accent: "#f44336", accent: "#B71C1C",
error: "#FF6D00", error: "#FF6D00",
warning: "#FFB300", warning: "#FFB300",
info: "#5C6BC0", info: "#5C6BC0",
@@ -11,7 +11,7 @@ const theme = {
const darkTheme = { const darkTheme = {
primary: "#f44336", primary: "#f44336",
secondary: "#424242", secondary: "#424242",
accent: "#B71C1C", accent: "#f44336",
error: "#FF6D00", error: "#FF6D00",
warning: "#FFB300", warning: "#FFB300",
info: "#5C6BC0", info: "#5C6BC0",