diff options
Diffstat (limited to 'themes/CodeIT/assets/lib/aplayer/dark.scss')
-rw-r--r-- | themes/CodeIT/assets/lib/aplayer/dark.scss | 136 |
1 files changed, 136 insertions, 0 deletions
diff --git a/themes/CodeIT/assets/lib/aplayer/dark.scss b/themes/CodeIT/assets/lib/aplayer/dark.scss new file mode 100644 index 0000000..5ce259a --- /dev/null +++ b/themes/CodeIT/assets/lib/aplayer/dark.scss @@ -0,0 +1,136 @@ +[theme="dark"] .aplayer { + background: #212121; + + &.aplayer-withlist { + .aplayer-info { + border-bottom-color: #5c5c5c; + } + } + + &.aplayer-fixed { + .aplayer-list { + border-color: #5c5c5c; + } + } + + .aplayer-body { + background-color: #212121; + } + + .aplayer-info { + border-top-color: #212121; + } + + .aplayer-info { + .aplayer-music { + .aplayer-title { + color: #fff; + } + + .aplayer-author { + color: #fff; + } + } + + .aplayer-controller { + .aplayer-time { + color: #eee; + + .aplayer-icon { + path { + fill: #eee; + } + } + } + } + } + + .aplayer-list { + background-color: #212121; + + &::-webkit-scrollbar-thumb { + background-color: #999; + } + + &::-webkit-scrollbar-thumb:hover { + background-color: #bbb; + } + + li { + color: #fff; + border-top-color: #666; + + &:hover { + background: #4e4e4e; + } + + &.aplayer-list-light { + background: #6c6c6c; + } + + .aplayer-list-index { + color: #ddd; + } + + .aplayer-list-author { + color: #ddd; + } + } + } + + .aplayer-lrc { + text-shadow: -1px -1px 0 #666; + + &:before { + background: -moz-linear-gradient( + top, + rgba(33, 33, 33, 1) 0%, + rgba(33, 33, 33, 0) 100% + ); + background: -webkit-linear-gradient( + top, + rgba(33, 33, 33, 1) 0%, + rgba(33, 33, 33, 0) 100% + ); + background: linear-gradient( + to bottom, + rgba(33, 33, 33, 1) 0%, + rgba(33, 33, 33, 0) 100% + ); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#00212121',GradientType=0 ); + } + + &:after { + background: -moz-linear-gradient( + top, + rgba(33, 33, 33, 0) 0%, + rgba(33, 33, 33, 0.8) 100% + ); + background: -webkit-linear-gradient( + top, + rgba(33, 33, 33, 0) 0%, + rgba(33, 33, 33, 0.8) 100% + ); + background: linear-gradient( + to bottom, + rgba(33, 33, 33, 0) 0%, + rgba(33, 33, 33, 0.8) 100% + ); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00212121', endColorstr='#cc212121',GradientType=0 ); + } + + p { + color: #fff; + } + } + + .aplayer-miniswitcher { + background: #484848; + + .aplayer-icon { + path { + fill: #eee; + } + } + } +} |