dan/Nertivia-Client
1
0
Fork 0
mirror of https://github.com/danbulant/Nertivia-Client synced 2026-06-18 14:01:12 +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 {
background: rgba(0, 0, 0, 0.301);
background: rgba(255, 255, 255, 0.07);
}
.information {

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

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

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

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

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

@ -65,10 +65,10 @@ export default {
padding-left: 10px;
}
.channel:hover {
background: rgba(0, 0, 0, 0.192);
background: rgba(255, 255, 255, 0.07);
}
.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;
cursor: pointer;
&:hover {
background: rgba(0, 0, 0, 0.3);
background: rgba(255, 255, 255, 0.07);
}
&.selected {
background: rgba(0, 0, 0, 0.4);
background: rgba(255, 255, 255, 0.13);
opacity: 1;
}
}

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

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

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

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