graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-23 15:23:08 +02:00
Code Issues Projects Releases Packages Wiki Activity

[wip] darkmode

Browse source
This commit is contained in:
syuilo 2018-04-20 07:50:49 +09:00
parent 8daa9c8062
commit b3cb9c7537
4 changed files with 32 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/client/app/common/views/widgets/server.cpu.vue
View file

@ -38,7 +38,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
.cpu
root(isDark)
> .pie
padding 10px
height 100px
@ -52,7 +52,7 @@ export default Vue.extend({
> p
margin 0
font-size 12px
color #505050
color isDark ? #a8b4bd : #505050
&:first-child
font-weight bold
@ -65,4 +65,10 @@ export default Vue.extend({
display block
clear both
.cpu[data-darkmode]
root(true)
.cpu:not([data-darkmode])
root(false)
</style>

10
src/client/app/common/views/widgets/server.disk.vue
View file

@ -46,7 +46,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
.disk
root(isDark)
> .pie
padding 10px
height 100px
@ -60,7 +60,7 @@ export default Vue.extend({
> p
margin 0
font-size 12px
color #505050
color isDark ? #a8b4bd : #505050
&:first-child
font-weight bold
@ -73,4 +73,10 @@ export default Vue.extend({
display block
clear both
.disk[data-darkmode]
root(true)
.disk:not([data-darkmode])
root(false)
</style>

10
src/client/app/common/views/widgets/server.memory.vue
View file

@ -46,7 +46,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
.memory
root(isDark)
> .pie
padding 10px
height 100px
@ -60,7 +60,7 @@ export default Vue.extend({
> p
margin 0
font-size 12px
color #505050
color isDark ? #a8b4bd : #505050
&:first-child
font-weight bold
@ -73,4 +73,10 @@ export default Vue.extend({
display block
clear both
.memory[data-darkmode]
root(true)
.memory:not([data-darkmode])
root(false)
</style>

10
src/client/app/common/views/widgets/server.pie.vue
View file

@ -45,7 +45,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
svg
root(isDark)
display block
height 100%
@ -56,6 +56,12 @@ svg
> text
font-size 0.15px
fill rgba(0, 0, 0, 0.6)
fill isDark ? rgba(#fff, 0.6) : rgba(0, 0, 0, 0.6)
svg[data-darkmode]
root(true)
svg:not([data-darkmode])
root(false)
</style>