Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-30 15:59:16 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat: add color-accent for more theme color control

Browse source
This commit is contained in:
Phan An 2022-08-06 09:25:24 +02:00
parent bd0dc90cce
commit f1d33b98e8
No known key found for this signature in database
GPG key ID: A81E4477F0BB6FDC
7 changed files with 7 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/assets/js/components/layout/app-footer/FooterExtraControls.vue
View file

@ -94,7 +94,7 @@ eventBus.on('LOAD_MAIN_CONTENT', (view: MainViewName) => (viewingQueue.value = v
.control {
&.active {
color: var(--color-highlight);
color: var(--color-accent);
}
&:last-child {

6
resources/assets/js/components/layout/app-footer/FooterMiddlePane.vue
View file

@ -47,12 +47,6 @@ const { song } = toRefs(props)
.meta {
font-size: .9rem;
a {
&:hover {
color: var(--color-highlight);
}
}
}
// Some little tweaks here and there

4
resources/assets/js/components/song/SongListItem.vue
View file

@ -71,7 +71,7 @@ const doPlayback = () => {
display: flex;
&:focus, &:focus-within {
box-shadow: 0 0 1px 1px var(--color-highlight) inset;
box-shadow: 0 0 1px 1px var(--color-accent) inset;
border-radius: 4px;
}
@ -84,7 +84,7 @@ const doPlayback = () => {
}
&.playing > span {
color: var(--color-highlight);
color: var(--color-accent);
}
}
</style>

2
resources/assets/js/components/ui/RepeatModeSwitch.vue
View file

@ -39,7 +39,7 @@ const changeMode = () => playbackService.changeRepeatMode()
font-weight: bold;
right: 2px;
top: 2px;
color: var(--color-highlight);
color: var(--color-accent);
background: transparent;
}

1
resources/assets/js/themes.ts
View file

@ -82,6 +82,7 @@ export default [
thumbnailUrl: thumbDawn,
properties: {
'--color-highlight': '#ed5135',
'--color-accent': '#f4944f',
'--bg-image': `url(${bgDawn})`,
'--color-bg-primary': '#1e2747',
'--bg-position': 'center bottom'

2
resources/assets/sass/partials/_shared.scss
View file

@ -91,7 +91,7 @@ a {
}
&:hover, &:focus {
color: var(--color-highlight);
color: var(--color-accent);
}
}

1
resources/assets/sass/partials/_vars.scss
View file

@ -4,6 +4,7 @@
--color-bg-primary: #181818;
--color-bg-secondary: rgba(255, 255, 255, .025);
--color-highlight: #ff7d2e;
--color-accent: var(--color-highlight);
--bg-image: none;
--bg-position: center;