MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Replaced teal by accent color

This commit is contained in:
Agate 2020-06-22 16:46:43 +02:00
parent 082fc9869f
commit cf495360de
No known key found for this signature in database
GPG Key ID: 6B501DFD73514E14
21 changed files with 33 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
front/scripts/fix-fomantic-css.py
View File

@ -37,6 +37,11 @@ GLOBAL_REPLACES = [
("#e76b00", "var(--vibrant-active-color)"), ("#e76b00", "var(--vibrant-active-color)"),
("#e55b00", "var(--vibrant-focus-color)"), ("#e55b00", "var(--vibrant-focus-color)"),
("#f17000", "var(--vibrant-focus-color)"), ("#f17000", "var(--vibrant-focus-color)"),
(".teal", ".accent"),
("#00B5AD", "var(--accent-color)"),
("#009c95", "var(--accent-hover-color)"),
("#00827c", "var(--accent-active-color)"),
("#008c86", "var(--accent-focus-color)"),
(".green", ".success"), (".green", ".success"),
("#21BA45", "var(--success-color)"), ("#21BA45", "var(--success-color)"),
("#2ECC40", "var(--success-color)"), ("#2ECC40", "var(--success-color)"),

8
front/src/components/Sidebar.vue
View File

@ -18,7 +18,7 @@
<i class="wrench icon"></i> <i class="wrench icon"></i>
<div <div
v-if="moderationNotifications > 0" v-if="moderationNotifications > 0"
:class="['ui', 'teal', 'mini', 'bottom floating', 'circular', 'label']">{{ moderationNotifications }}</div> :class="['ui', 'accent', 'mini', 'bottom floating', 'circular', 'label']">{{ moderationNotifications }}</div>
<div class="menu"> <div class="menu">
<div class="header"> <div class="header">
<translate translate-context="Sidebar/Admin/Title/Noun">Administration</translate> <translate translate-context="Sidebar/Admin/Title/Noun">Administration</translate>
@ -31,7 +31,7 @@
<div <div
v-if="$store.state.ui.notifications.pendingReviewEdits > 0" v-if="$store.state.ui.notifications.pendingReviewEdits > 0"
:title="labels.pendingReviewEdits" :title="labels.pendingReviewEdits"
:class="['ui', 'circular', 'mini', 'right floated', 'teal', 'label']"> :class="['ui', 'circular', 'mini', 'right floated', 'accent', 'label']">
{{ $store.state.ui.notifications.pendingReviewEdits }}</div> {{ $store.state.ui.notifications.pendingReviewEdits }}</div>
<translate translate-context="*/*/*/Noun">Library</translate> <translate translate-context="*/*/*/Noun">Library</translate>
</router-link> </router-link>
@ -42,7 +42,7 @@
<div <div
v-if="$store.state.ui.notifications.pendingReviewReports + $store.state.ui.notifications.pendingReviewRequests> 0" v-if="$store.state.ui.notifications.pendingReviewReports + $store.state.ui.notifications.pendingReviewRequests> 0"
:title="labels.pendingReviewReports" :title="labels.pendingReviewReports"
:class="['ui', 'circular', 'mini', 'right floated', 'teal', 'label']">{{ $store.state.ui.notifications.pendingReviewReports + $store.state.ui.notifications.pendingReviewRequests }}</div> :class="['ui', 'circular', 'mini', 'right floated', 'accent', 'label']">{{ $store.state.ui.notifications.pendingReviewReports + $store.state.ui.notifications.pendingReviewRequests }}</div>
<translate translate-context="*/Moderation/*">Moderation</translate> <translate translate-context="*/Moderation/*">Moderation</translate>
</router-link> </router-link>
<router-link <router-link
@ -70,7 +70,7 @@
<router-link class="item" v-if="$store.state.auth.authenticated" :title="labels.notifications" :to="{name: 'notifications'}"> <router-link class="item" v-if="$store.state.auth.authenticated" :title="labels.notifications" :to="{name: 'notifications'}">
<i class="bell icon"></i><div <i class="bell icon"></i><div
v-if="$store.state.ui.notifications.inbox + additionalNotifications > 0" v-if="$store.state.ui.notifications.inbox + additionalNotifications > 0"
:class="['ui', 'teal', 'mini', 'bottom floating', 'circular', 'label']">{{ $store.state.ui.notifications.inbox + additionalNotifications }}</div> :class="['ui', 'accent', 'mini', 'bottom floating', 'circular', 'label']">{{ $store.state.ui.notifications.inbox + additionalNotifications }}</div>
</router-link> </router-link>
<div class="item"> <div class="item">
<div class="ui user-dropdown dropdown" > <div class="ui user-dropdown dropdown" >

2
front/src/components/audio/EmbedWizard.vue
View File

@ -27,7 +27,7 @@
</template> </template>
</div> </div>
<div class="field"> <div class="field">
<button @click="copy" class="ui right teal labeled icon floated button"><i class="copy icon"></i><translate translate-context="*/*/Button.Label/Short, Verb">Copy</translate></button> <button @click="copy" class="ui right accent labeled icon floated button"><i class="copy icon"></i><translate translate-context="*/*/Button.Label/Short, Verb">Copy</translate></button>
<label for="embed-width"><translate translate-context="Popup/Embed/Input.Label/Noun">Embed code</translate></label> <label for="embed-width"><translate translate-context="Popup/Embed/Input.Label/Noun">Embed code</translate></label>
<p><translate translate-context="Popup/Embed/Paragraph">Copy/paste this code in your website HTML</translate></p> <p><translate translate-context="Popup/Embed/Paragraph">Copy/paste this code in your website HTML</translate></p>
<textarea ref="textarea" :value="embedCode" rows="5" readonly> <textarea ref="textarea" :value="embedCode" rows="5" readonly>

2
front/src/components/common/CopyInput.vue
View File

@ -14,7 +14,7 @@
export default { export default {
props: { props: {
value: {type: String}, value: {type: String},
buttonClasses: {type: String, default: 'teal'}, buttonClasses: {type: String, default: 'accent'},
id: {type: String, default: 'copy-input'}, id: {type: String, default: 'copy-input'},
}, },
data () { data () {

2
front/src/components/manage/ChannelsTable.vue
View File

@ -70,7 +70,7 @@
</router-link> </router-link>
<span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.attributed_to.domain)" :title="scope.obj.attributed_to.domain">{{ scope.obj.attributed_to.domain }}</span> <span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.attributed_to.domain)" :title="scope.obj.attributed_to.domain">{{ scope.obj.attributed_to.domain }}</span>
</template> </template>
<span role="button" v-else class="ui tiny teal icon link label" @click="addSearchToken('domain', scope.obj.attributed_to.domain)"> <span role="button" v-else class="ui tiny accent icon link label" @click="addSearchToken('domain', scope.obj.attributed_to.domain)">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local</translate>
</span> </span>

2
front/src/components/manage/library/AlbumsTable.vue
View File

@ -61,7 +61,7 @@
</router-link> </router-link>
<span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.domain)" :title="scope.obj.domain">{{ scope.obj.domain }}</span> <span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.domain)" :title="scope.obj.domain">{{ scope.obj.domain }}</span>
</template> </template>
<span role="button" v-else class="ui tiny teal icon link label" @click="addSearchToken('domain', scope.obj.domain)"> <span role="button" v-else class="ui tiny accent icon link label" @click="addSearchToken('domain', scope.obj.domain)">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local</translate>
</span> </span>

2
front/src/components/manage/library/ArtistsTable.vue
View File

@ -65,7 +65,7 @@
</router-link> </router-link>
<span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.domain)" :title="scope.obj.domain">{{ scope.obj.domain }}</span> <span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.domain)" :title="scope.obj.domain">{{ scope.obj.domain }}</span>
</template> </template>
<span role="button" v-else class="ui tiny teal icon link label" @click="addSearchToken('domain', scope.obj.domain)"> <span role="button" v-else class="ui tiny accent icon link label" @click="addSearchToken('domain', scope.obj.domain)">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local</translate>
</span> </span>

2
front/src/components/manage/library/LibrariesTable.vue
View File

@ -71,7 +71,7 @@
</router-link> </router-link>
<span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.domain)" :title="scope.obj.domain">{{ scope.obj.domain }}</span> <span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.domain)" :title="scope.obj.domain">{{ scope.obj.domain }}</span>
</template> </template>
<span role="button" v-else class="ui tiny teal icon link label" @click="addSearchToken('domain', scope.obj.domain)"> <span role="button" v-else class="ui tiny accent icon link label" @click="addSearchToken('domain', scope.obj.domain)">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local</translate>
</span> </span>

2
front/src/components/manage/library/TracksTable.vue
View File

@ -69,7 +69,7 @@
</router-link> </router-link>
<span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.domain)" :title="scope.obj.domain">{{ scope.obj.domain }}</span> <span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.domain)" :title="scope.obj.domain">{{ scope.obj.domain }}</span>
</template> </template>
<span role="button" v-else class="ui tiny teal icon link label" @click="addSearchToken('domain', scope.obj.domain)"> <span role="button" v-else class="ui tiny accent icon link label" @click="addSearchToken('domain', scope.obj.domain)">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local</translate>
</span> </span>

2
front/src/components/manage/library/UploadsTable.vue
View File

@ -95,7 +95,7 @@
</router-link> </router-link>
<span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.domain)" :title="scope.obj.domain">{{ scope.obj.domain }}</span> <span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.domain)" :title="scope.obj.domain">{{ scope.obj.domain }}</span>
</template> </template>
<span role="button" v-else class="ui tiny teal icon link label" @click="addSearchToken('domain', scope.obj.domain)"> <span role="button" v-else class="ui tiny accent icon link label" @click="addSearchToken('domain', scope.obj.domain)">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local</translate>
</span> </span>

2
front/src/components/manage/moderation/AccountsTable.vue
View File

@ -55,7 +55,7 @@
</router-link> </router-link>
<span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.domain)" :title="scope.obj.domain">{{ scope.obj.domain }}</span> <span role="button" class="discrete link" @click="addSearchToken('domain', scope.obj.domain)" :title="scope.obj.domain">{{ scope.obj.domain }}</span>
</template> </template>
<span role="button" v-else class="ui tiny teal icon link label" @click="addSearchToken('domain', scope.obj.domain)"> <span role="button" v-else class="ui tiny accent icon link label" @click="addSearchToken('domain', scope.obj.domain)">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local account</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local account</translate>
</span> </span>

2
front/src/components/tags/List.vue
View File

@ -8,7 +8,7 @@
:key="tag"> :key="tag">
#{{ tag|truncate(truncateSize) }} #{{ tag|truncate(truncateSize) }}
</router-link> </router-link>
<div role="button" @click.prevent="honorLimit = false" class="ui circular inverted teal label" v-if="showMore && toDisplay.length < tags.length"> <div role="button" @click.prevent="honorLimit = false" class="ui circular inverted accent label" v-if="showMore && toDisplay.length < tags.length">
<translate translate-context="Content/*/Button/Label/Verb" :translate-params="{count: tags.length - toDisplay.length}" :translate-n="tags.length - toDisplay.length" translate-plural="Show %{ count } more tags">Show 1 more tag</translate> <translate translate-context="Content/*/Button/Label/Verb" :translate-params="{count: tags.length - toDisplay.length}" :translate-n="tags.length - toDisplay.length" translate-plural="Show %{ count } more tags">Show 1 more tag</translate>
</div> </div>
</div> </div>

6
front/src/style/_vars.scss
View File

@ -12,7 +12,6 @@ $success-hover-color: #16ab39 !default;
$success-active-color: #198f35 !default; $success-active-color: #198f35 !default;
$success-focus-color: var(--$success-hover-color) !default; $success-focus-color: var(--$success-hover-color) !default;
$primary-color: #2185D0 !default; $primary-color: #2185D0 !default;
$primary-hover-color: #1678c2 !default; $primary-hover-color: #1678c2 !default;
$primary-active-color: #1a69a4 !default; $primary-active-color: #1a69a4 !default;
@ -28,6 +27,11 @@ $danger-hover-color: #ff392b !default;
$danger-active-color: #b21e1e !default; $danger-active-color: #b21e1e !default;
$danger-focus-color: var(--danger-hover-color) !default; $danger-focus-color: var(--danger-hover-color) !default;
$accent-color: #00B5AD !default;
$accent-hover-color: #009c95 !default;
$accent-active-color: #00827c !default;
$accent-focus-color: var(--accent-hover-color) !default;
$link-color: #4183C4 !default; $link-color: #4183C4 !default;
$link-text-decoration: none !default; $link-text-decoration: none !default;
$link-hover-color: #1e70bf !default; $link-hover-color: #1e70bf !default;

2
front/src/views/admin/ChannelDetail.vue
View File

@ -15,7 +15,7 @@
{{ object.artist.name | truncate(100) }} {{ object.artist.name | truncate(100) }}
<div class="sub header"> <div class="sub header">
<template v-if="object.artist.is_local"> <template v-if="object.artist.is_local">
<span class="ui tiny teal label"> <span class="ui tiny accent label">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local</translate>
</span> </span>

2
front/src/views/admin/library/AlbumDetail.vue
View File

@ -15,7 +15,7 @@
{{ object.title | truncate(100) }} {{ object.title | truncate(100) }}
<div class="sub header"> <div class="sub header">
<template v-if="object.is_local"> <template v-if="object.is_local">
<span class="ui tiny teal label"> <span class="ui tiny accent label">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local</translate>
</span> </span>

2
front/src/views/admin/library/ArtistDetail.vue
View File

@ -15,7 +15,7 @@
{{ object.name | truncate(100) }} {{ object.name | truncate(100) }}
<div class="sub header"> <div class="sub header">
<template v-if="object.is_local"> <template v-if="object.is_local">
<span class="ui tiny teal label"> <span class="ui tiny accent label">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local</translate>
</span> </span>

2
front/src/views/admin/library/LibraryDetail.vue
View File

@ -14,7 +14,7 @@
{{ object.name | truncate(100) }} {{ object.name | truncate(100) }}
<div class="sub header"> <div class="sub header">
<template v-if="object.is_local"> <template v-if="object.is_local">
<span class="ui tiny teal label"> <span class="ui tiny accent label">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local</translate>
</span> </span>

2
front/src/views/admin/library/TrackDetail.vue
View File

@ -15,7 +15,7 @@
{{ object.title | truncate(100) }} {{ object.title | truncate(100) }}
<div class="sub header"> <div class="sub header">
<template v-if="object.is_local"> <template v-if="object.is_local">
<span class="ui tiny teal label"> <span class="ui tiny accent label">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local</translate>
</span> </span>

2
front/src/views/admin/library/UploadDetail.vue
View File

@ -15,7 +15,7 @@
{{ displayName(object) | truncate(100) }} {{ displayName(object) | truncate(100) }}
<div class="sub header"> <div class="sub header">
<template v-if="object.is_local"> <template v-if="object.is_local">
<span class="ui tiny teal label"> <span class="ui tiny accent label">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local</translate>
</span> </span>

2
front/src/views/admin/moderation/AccountsDetail.vue
View File

@ -14,7 +14,7 @@
{{ object.full_username }} {{ object.full_username }}
<div class="sub header"> <div class="sub header">
<template v-if="object.user"> <template v-if="object.user">
<span class="ui tiny teal label"> <span class="ui tiny accent label">
<i class="home icon"></i> <i class="home icon"></i>
<translate translate-context="Content/Moderation/*/Short, Noun">Local account</translate> <translate translate-context="Content/Moderation/*/Short, Noun">Local account</translate>
</span> </span>

4
front/src/views/admin/moderation/Base.vue
View File

@ -7,7 +7,7 @@
<translate translate-context="*/Moderation/*/Noun">Reports</translate> <translate translate-context="*/Moderation/*/Noun">Reports</translate>
<div <div
v-if="$store.state.ui.notifications.pendingReviewReports > 0" v-if="$store.state.ui.notifications.pendingReviewReports > 0"
:class="['ui', 'circular', 'mini', 'right floated', 'teal', 'label']">{{ $store.state.ui.notifications.pendingReviewReports }}</div> :class="['ui', 'circular', 'mini', 'right floated', 'accent', 'label']">{{ $store.state.ui.notifications.pendingReviewReports }}</div>
</router-link> </router-link>
<router-link <router-link
class="ui item" class="ui item"
@ -15,7 +15,7 @@
<translate translate-context="*/Moderation/*/Noun">User Requests</translate> <translate translate-context="*/Moderation/*/Noun">User Requests</translate>
<div <div
v-if="$store.state.ui.notifications.pendingReviewRequests > 0" v-if="$store.state.ui.notifications.pendingReviewRequests > 0"
:class="['ui', 'circular', 'mini', 'right floated', 'teal', 'label']">{{ $store.state.ui.notifications.pendingReviewRequests }}</div> :class="['ui', 'circular', 'mini', 'right floated', 'accent', 'label']">{{ $store.state.ui.notifications.pendingReviewRequests }}</div>
</router-link> </router-link>
<router-link <router-link
class="ui item" class="ui item"