dan/Nertivia-Client
1
0
Fork 0
mirror of https://github.com/danbulant/Nertivia-Client synced 2026-07-07 12:00:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

changed colors

Browse source
This commit is contained in:
supertiger1234 2019-10-30 17:18:37 +00:00
parent f254ee08ad
commit 73d7742854
10 changed files with 26 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/app/MemberTemplate.vue
View file

@ -80,7 +80,7 @@ export default {
} }
.member:hover { .member:hover {
background: rgba(0, 0, 0, 0.301); background: rgba(255, 255, 255, 0.07);
} }
.information { .information {

2
src/components/app/MembersList.vue
View file

@ -103,7 +103,7 @@ export default {
overflow: auto; overflow: auto;
} }
.tab { .tab {
background: rgba(0, 0, 0, 0.308); background: rgba(255, 255, 255, 0.13);
padding: 5px; padding: 5px;
user-select: none; user-select: none;
cursor: default; cursor: default;

2
src/components/app/MessageLogs.vue
View file

@ -294,7 +294,7 @@ export default {
.message-logs { .message-logs {
overflow: auto; overflow: auto;
flex: 1; flex: 1;
margin-right: 2px; margin-right: 1px;
position: relative; position: relative;
} }

27
src/components/app/MessagePanel.vue
View file

@ -486,7 +486,7 @@ export default {
() => { () => {
this.$delete(this.typingRecipients[channel_id], user.unique_id); this.$delete(this.typingRecipients[channel_id], user.unique_id);
}, },
2500 3500
); );
}; };
@ -664,18 +664,17 @@ export default {
.attachment-button { .attachment-button {
width: 50px; width: 50px;
background: rgba(0, 0, 0, 0.219); background: rgba(255, 255, 255, 0.07);
margin-right: 2px; margin-right: 2px;
margin-left: 10px; margin-left: 10px;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
cursor: default; cursor: pointer;
user-select: none; user-select: none;
transition: 0.3s; transition: 0.3s;
border-radius: 5px;
&:hover { &:hover {
background: rgba(0, 0, 0, 0.322); background: rgba(255, 255, 255, 0.13);
} }
.material-icons { .material-icons {
color: white; color: white;
@ -709,7 +708,7 @@ export default {
.chat-input { .chat-input {
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
background: rgba(0, 0, 0, 0.158); background: rgba(255, 255, 255, 0.07);
color: white; color: white;
width: 100%; width: 100%;
min-height: 20px; min-height: 20px;
@ -724,21 +723,19 @@ export default {
overflow: hidden; overflow: hidden;
max-height: 30vh; max-height: 30vh;
overflow-y: auto; overflow-y: auto;
border-radius: 5px;
&:hover { &:hover {
background: rgba(0, 0, 0, 0.288); background: rgba(255, 255, 255, 0.10);
} }
&:focus { &:focus {
background: rgba(0, 0, 0, 0.466); background: rgba(255, 255, 255, 0.13);
} }
} }
.send-button { .send-button {
font-size: 20px; font-size: 20px;
color: white; color: white;
background: rgba(0, 0, 0, 0.274); background: rgba(255, 255, 255, 0.07);
border: none; border: none;
outline: none; outline: none;
margin-left: 2px; margin-left: 2px;
@ -748,14 +745,13 @@ export default {
transition: 0.3s; transition: 0.3s;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
border-radius: 5px;
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
.material-icons { .material-icons {
margin: auto; margin: auto;
} }
&:hover { &:hover {
background: rgba(0, 0, 0, 0.514); background: rgba(255, 255, 255, 0.13);
} }
} }
@ -769,7 +765,7 @@ export default {
.emojis-button { .emojis-button {
font-size: 20px; font-size: 20px;
color: white; color: white;
background: rgba(0, 0, 0, 0.274); background: rgba(255, 255, 255, 0.07);
border: none; border: none;
outline: none; outline: none;
margin-left: 2px; margin-left: 2px;
@ -779,13 +775,12 @@ export default {
transition: 0.3s; transition: 0.3s;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
border-radius: 5px;
user-select: none; user-select: none;
.material-icons { .material-icons {
margin: auto; margin: auto;
} }
&:hover { &:hover {
background: rgba(0, 0, 0, 0.514); background: rgba(255, 255, 255, 0.13);
} }
} }

4
src/components/app/Navigation.vue
View file

@ -311,10 +311,10 @@ export default {
opacity: 0.8; opacity: 0.8;
transition: 0.2s; transition: 0.2s;
&:hover { &:hover {
background: rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.07);
} }
&.selected { &.selected {
background: rgba(0, 0, 0, 0.4); background: rgba(255, 255, 255, 0.13);
opacity: 1; opacity: 1;
} }
} }

4
src/components/app/ServerTemplate/ChannelTemplate.vue
View file

@ -65,10 +65,10 @@ export default {
padding-left: 10px; padding-left: 10px;
} }
.channel:hover { .channel:hover {
background: rgba(0, 0, 0, 0.192); background: rgba(255, 255, 255, 0.07);
} }
.channel.selected { .channel.selected {
background: rgba(0, 0, 0, 0.288); background: rgba(255, 255, 255, 0.13);
} }

4
src/components/app/ServerTemplate/ServerTemplate.vue
View file

@ -78,10 +78,10 @@ export default {
transition: 0.2s; transition: 0.2s;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background: rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.07);
} }
&.selected { &.selected {
background: rgba(0, 0, 0, 0.4); background: rgba(255, 255, 255, 0.13);
opacity: 1; opacity: 1;
} }
} }

6
src/components/app/Tabs/Explore.vue
View file

@ -23,7 +23,7 @@
v-for="(tab, index) in tabs" v-for="(tab, index) in tabs"
:key="index" :key="index"
:class="{selected: selectedTab === index}" :class="{selected: selectedTab === index}"
@click="selectedTab = index" @click="selectedTab = index; showLeftPanel = false;"
> >
<i class="material-icons">{{tab.icon}}</i> <i class="material-icons">{{tab.icon}}</i>
{{tab.name}} {{tab.name}}
@ -169,10 +169,10 @@ export default {
cursor: pointer; cursor: pointer;
transition: 0.3s; transition: 0.3s;
&:hover { &:hover {
background: rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 0.07);
} }
&.selected { &.selected {
background: rgba(0, 0, 0, 0.4); background: rgba(255, 255, 255, 0.13);
} }
} }
} }

4
src/components/app/relationships/FriendsTemplate.vue
View file

@ -154,10 +154,10 @@ export default {
} }
.friend:hover { .friend:hover {
background: rgba(0, 0, 0, 0.3) !important; background: rgba(255, 255, 255, 0.07);
} }
.friend.selected { .friend.selected {
background: rgba(0, 0, 0, 0.4) !important; background: rgba(255, 255, 255, 0.13);
} }
.profile-picture{ .profile-picture{
height: 30px; height: 30px;

2
src/components/app/statusList.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<transition name="show-status-list" appear="true"> <transition name="show-status-list" :appear="true">
<div class="status-popout"> <div class="status-popout">
<div <div
class="status-list" class="status-list"