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

changed colors for each popout

Browse source
This commit is contained in:
supertiger1234 2019-11-23 20:08:16 +00:00
parent a66aee7e52
commit 8707c09c89
36 changed files with 160 additions and 151 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -86,7 +86,7 @@ export default {
background: rgba(0, 0, 0, 0.14); background: rgba(0, 0, 0, 0.14);
} }
.header { .header {
height: 60px; height: 50px;
width: 100%; width: 100%;
background: #083A4A; background: #083A4A;
display: flex; display: flex;

2
src/components/app/MessagePanel/Heading.vue
View file

@ -63,7 +63,7 @@ export default {
.heading { .heading {
background: #073240; background: #073240;
margin-bottom: 0; margin-bottom: 0;
height: 60px; height: 50px;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
padding-left: 10px; padding-left: 10px;

10
src/components/app/MessageTemplate.vue
View file

@ -28,7 +28,7 @@
</div> </div>
<div class="information"> <div class="information">
<div class="info">{{ getFile.fileName }}</div> <div class="info">{{ getFile.fileName }}</div>
<a :href="getFile.url" target="_blank"> <a :href="getFile.url" download target="_blank">
<div class="download-button">Download</div> <div class="download-button">Download</div>
</a> </a>
</div> </div>
@ -273,8 +273,8 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
$self-message-color: #26778a; $self-message-color: #053746;
$message-color: #053746; $message-color: #03222b;
.container { .container {
position: relative; position: relative;
@ -364,7 +364,7 @@ $message-color: #053746;
.file-content { .file-content {
display: flex; display: flex;
background: #5b7377; background: #ffffff21;
padding: 10px; padding: 10px;
margin-top: 5px; margin-top: 5px;
&.music { &.music {
@ -443,7 +443,7 @@ $message-color: #053746;
.image-content { .image-content {
margin-top: 10px; margin-top: 10px;
padding: 5px; padding: 5px;
background: #1d2c2e; background: #ffffff21;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

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

@ -96,7 +96,7 @@ export default {
position: relative; position: relative;
flex-shrink: 0; flex-shrink: 0;
align-items: center; align-items: center;
height: 60px; height: 50px;
transition: 0.3s; transition: 0.3s;
background-color: #083A4A background-color: #083A4A
} }

13
src/components/app/Popouts/Popouts/AddFriend.vue
View file

@ -98,15 +98,14 @@ export default {
position: relative; position: relative;
margin: auto; margin: auto;
overflow: hidden; overflow: hidden;
background-image: url("../../../../assets/leftPanelBackground.jpg"); box-shadow: 0px 0px 20px 5px #151515bd;
background-repeat: no-repeat; background: linear-gradient(#0B4155, #01677E);
background-position: center; border-radius: 4px;
background-size: cover;
} }
.header { .header {
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
background-color: #085053; background-color: #05222d;
color: white; color: white;
height: 50px; height: 50px;
align-content: center; align-content: center;
@ -142,10 +141,10 @@ export default {
align-self: center; align-self: center;
color: white; color: white;
width: initial; width: initial;
background: #05353b; background: #024554;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background: #0f292c; background: #02303c;
} }
} }

15
src/components/app/Popouts/Popouts/AddServer.vue
View file

@ -217,16 +217,15 @@ export default {
flex-direction: column; flex-direction: column;
color: white; color: white;
overflow: hidden; overflow: hidden;
background-image: url("../../../../assets/leftPanelBackground.jpg"); box-shadow: 0px 0px 20px 5px #151515bd;
background-repeat: no-repeat; background: linear-gradient(#0B4155, #01677E);
background-position: center; border-radius: 4px;
background-size: cover;
} }
.tabs { .tabs {
display: flex; display: flex;
justify-content: center; justify-content: center;
padding-top: 15px; padding-top: 15px;
background: #144a59; background: #05222d;
flex-shrink: 0; flex-shrink: 0;
} }
.tab { .tab {
@ -284,7 +283,7 @@ export default {
align-self: center; align-self: center;
margin-top: 15px; margin-top: 15px;
margin-bottom: 10px; margin-bottom: 10px;
background-color: #06454d; background-color: #044050;
padding: 10px; padding: 10px;
} }
@ -301,7 +300,7 @@ export default {
.button { .button {
padding: 5px; padding: 5px;
background: #05353b; background: #024554;
user-select: none; user-select: none;
border: none; border: none;
color: white; color: white;
@ -313,7 +312,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.button:hover { .button:hover {
background: #0f292c; background: #02303c;
} }
.button-clicked { .button-clicked {

9
src/components/app/Popouts/Popouts/GDriveLinkMenu.vue
View file

@ -94,11 +94,10 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
color: white; color: white;
border-radius: 3px; overflow: hidden;
background-image: url("../../../../assets/leftPanelBackground.jpg"); box-shadow: 0px 0px 20px 5px #151515bd;
background-repeat: no-repeat; background: linear-gradient(#0B4155, #01677E);
background-position: center; border-radius: 4px;
background-size: cover;
} }
.text { .text {
color: white; color: white;

11
src/components/app/Popouts/Popouts/ServerInvitePopout.vue
View file

@ -110,10 +110,9 @@ export default {
flex-direction: column; flex-direction: column;
color: white; color: white;
overflow: hidden; overflow: hidden;
background-image: url("../../../../assets/leftPanelBackground.jpg"); box-shadow: 0px 0px 20px 5px #151515bd;
background-repeat: no-repeat; background: linear-gradient(#0B4155, #01677E);
background-position: center; border-radius: 4px;
background-size: cover;
} }
.top { .top {
display: flex; display: flex;
@ -125,14 +124,14 @@ export default {
.button { .button {
padding: 10px; padding: 10px;
background: #05353b; background: #062c3a;
margin: auto; margin: auto;
transition: 0.3s; transition: 0.3s;
user-select: none; user-select: none;
cursor:pointer; cursor:pointer;
} }
.button:hover { .button:hover {
background: #0f292c; background: #041e27;
} }
.bottom { .bottom {

13
src/components/app/Popouts/Popouts/ServerSettingsPanels/DropDownMenu.vue
View file

@ -86,7 +86,7 @@ export default {
<style scoped> <style scoped>
.drop-down { .drop-down {
background-color: #06454d; background-color: #044050;
padding: 10px; padding: 10px;
user-select: none; user-select: none;
cursor: default; cursor: default;
@ -97,14 +97,14 @@ export default {
margin-bottom: 2px; margin-bottom: 2px;
} }
.current-select-box { .current-select-box {
background: #05353b; background: #032d38;
padding: 5px; padding: 5px;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
transition: 0.3s; transition: 0.3s;
} }
.current-select-box:hover { .current-select-box:hover {
background: #0f292c; background: #02232b;
} }
.current-select-box div { .current-select-box div {
align-self: center; align-self: center;
@ -123,7 +123,7 @@ export default {
.drop { .drop {
position: absolute; position: absolute;
background-color: #06454d; background-color: #044050;
left: 0; left: 0;
right: 0; right: 0;
z-index: 11111; z-index: 11111;
@ -145,6 +145,7 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
display: flex; display: flex;
cursor: pointer;
} }
.item div { .item div {
align-self: center; align-self: center;
@ -154,10 +155,10 @@ export default {
} }
.item:hover { .item:hover {
background: #0f292c; background: #033442;
} }
.item.selected { .item.selected {
background: #021c1f; background: #021c23;
} }
.material-icons { .material-icons {
flex-shrink: 0; flex-shrink: 0;

12
src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue
View file

@ -220,7 +220,7 @@ export default {
align-self: center; align-self: center;
margin-top: 10px; margin-top: 10px;
justify-content: center; justify-content: center;
background-color: #06454d; background-color: #044050;
flex-shrink: 0; flex-shrink: 0;
.avatar { .avatar {
@ -233,7 +233,7 @@ export default {
margin-top: 35px; margin-top: 35px;
} }
.button { .button {
margin-bottom: 10px; margin-bottom: 16px;
} }
} }
.banner { .banner {
@ -288,7 +288,7 @@ export default {
.input { .input {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #06454d; background-color: #044050;;
padding: 10px; padding: 10px;
align-self: center; align-self: center;
margin: 10px; margin: 10px;
@ -298,10 +298,10 @@ export default {
margin-top: 2px; margin-top: 2px;
margin-bottom: 0; margin-bottom: 0;
width: 190px; width: 190px;
background: #05353b;
} }
.button { .button {
background: #05353b; background: #033442;
padding: 10px; padding: 10px;
align-self: center; align-self: center;
margin: 5px; margin: 5px;
@ -310,7 +310,7 @@ export default {
transition: 0.3s; transition: 0.3s;
} }
.button:hover { .button:hover {
background: #0f292c; background: #022831;
} }
.save-button { .save-button {
margin-top: 10px; margin-top: 10px;

2
src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageBans.vue
View file

@ -84,7 +84,7 @@ export default {
overflow: auto; overflow: auto;
.member { .member {
display: flex; display: flex;
background: #06454d; background: #052935;
height: 30px; height: 30px;
margin: 5px; margin: 5px;
padding: 5px; padding: 5px;

12
src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageChannels.vue
View file

@ -182,7 +182,7 @@ export default {
position: relative; position: relative;
} }
.channels-list { .channels-list {
background: #082326; background: #00000050;
height: 100%; height: 100%;
width: 165px; width: 165px;
flex-shrink: 0; flex-shrink: 0;
@ -207,10 +207,10 @@ export default {
align-self: center; align-self: center;
} }
.channel:hover { .channel:hover {
background: #06454d; background: #04232d;
} }
.channel.selected { .channel.selected {
background: #064c55; background: #03191f;
} }
.add-channel-button { .add-channel-button {
background: rgba(17, 148, 255, 0.692); background: rgba(17, 148, 255, 0.692);
@ -226,7 +226,7 @@ export default {
overflow: hidden; overflow: hidden;
} }
.button { .button {
background: #05353b; background: #024554;
padding: 10px; padding: 10px;
align-self: center; align-self: center;
margin: 5px; margin: 5px;
@ -235,7 +235,7 @@ export default {
transition: 0.3s; transition: 0.3s;
} }
.button:hover { .button:hover {
background: #0f292c; background: #02303c;
} }
.button.warn { .button.warn {
background: rgba(255, 17, 17, 0.692); background: rgba(255, 17, 17, 0.692);
@ -266,7 +266,7 @@ export default {
.input { .input {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #06454d; background-color: #044050;
padding: 10px; padding: 10px;
margin: 10px; margin: 10px;
} }

16
src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue
View file

@ -107,10 +107,10 @@ export default {
color: white; color: white;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
background-image: url("../../../../../assets/leftPanelBackground.jpg"); overflow: hidden;
background-repeat: no-repeat; box-shadow: 0px 0px 20px 5px #151515bd;
background-position: center; background: linear-gradient(#0B4155, #01677E);
background-size: cover; border-radius: 4px;
} }
.content { .content {
@ -123,7 +123,7 @@ export default {
.tabs { .tabs {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #144a59; background: #00000033;
height: 100%; height: 100%;
width: 180px; width: 180px;
flex-shrink: 0; flex-shrink: 0;
@ -149,16 +149,16 @@ export default {
align-self: center; align-self: center;
} }
.tab:hover { .tab:hover {
background: #103a45; background: #072935;
} }
.critical { .critical {
color: red; color: red;
} }
.tab.selected { .tab.selected {
background: #0c2c35; background: #051f28;
} }
.header { .header {
background: #063e45; background: #05222d;
display: flex; display: flex;
height: 50px; height: 50px;
flex-shrink: 0; flex-shrink: 0;

10
src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerVisibility.vue
View file

@ -189,7 +189,7 @@ export default {
} }
.toggle { .toggle {
background-color: #06454d; background-color: #044050;
padding: 10px; padding: 10px;
margin-left: 10px; margin-left: 10px;
display: flex; display: flex;
@ -216,7 +216,7 @@ export default {
} }
.input { .input {
background-color: #06454d; background-color: #044050;
padding: 10px; padding: 10px;
margin: 10px; margin: 10px;
align-self: flex-start; align-self: flex-start;
@ -228,7 +228,7 @@ export default {
margin-bottom: 5px; margin-bottom: 5px;
} }
textarea { textarea {
background: #05353b; background: #032d38;
resize: none; resize: none;
outline: none; outline: none;
margin-top: 2px; margin-top: 2px;
@ -245,7 +245,7 @@ export default {
.button { .button {
padding: 10px; padding: 10px;
background: #05353b; background: #024554;
-webkit-transition: background 0.3s; -webkit-transition: background 0.3s;
transition: 0.3s; transition: 0.3s;
-webkit-user-select: none; -webkit-user-select: none;
@ -259,7 +259,7 @@ export default {
} }
.button:hover { .button:hover {
background: #0f292c; background: #02303c;
} }
.button.disabled { .button.disabled {
background: grey; background: grey;

17
src/components/app/Popouts/Popouts/Settings.vue
View file

@ -127,10 +127,9 @@ export default {
display: flex; display: flex;
margin: auto; margin: auto;
overflow: hidden; overflow: hidden;
background-image: url("../../../../assets/leftPanelBackground.jpg"); box-shadow: 0px 0px 20px 5px #151515bd;
background-repeat: no-repeat; background: linear-gradient(#0B4155, #01677E);
background-position: center; border-radius: 4px;
background-size: cover;
} }
.tabs { .tabs {
height: 100%; height: 100%;
@ -140,7 +139,7 @@ export default {
overflow-x: hidden; overflow-x: hidden;
flex-shrink: 0; flex-shrink: 0;
position: relative; position: relative;
background: #02292c; background: #00000033;
} }
.panel { .panel {
display: flex; display: flex;
@ -161,11 +160,11 @@ export default {
} }
.tab:hover { .tab:hover {
background: #08616b; background: #072935;
} }
.tab.selected { .tab.selected {
background: #064c55; background: #051f28;
} }
@ -182,7 +181,7 @@ export default {
display: flex; display: flex;
padding: 10px; padding: 10px;
font-size: 25px; font-size: 25px;
background: #02292c; background: #05222d;
} }
.title .material-icons { .title .material-icons {
font-size: 40px; font-size: 40px;
@ -204,7 +203,7 @@ export default {
transition: 0.3s; transition: 0.3s;
} }
.close-button:hover { .close-button:hover {
background: #064f56; background: #03181f;
} }
.close-button .material-icons { .close-button .material-icons {
margin: auto; margin: auto;

16
src/components/app/Popouts/Popouts/SettingsPanels/EditProfile.vue
View file

@ -198,7 +198,7 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped lang="scss">
.edit-profile { .edit-profile {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -221,11 +221,17 @@ export default {
.change-avatar-container { .change-avatar-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #06454d; background-color: #044050;
width: 150px; width: 150px;
align-self: center; align-self: center;
padding: 20px; padding: 20px;
margin-top: 10px; margin-top: 10px;
.button {
background: #033442;
&:hover {
background: #032b36;
}
}
} }
.avatar { .avatar {
margin-bottom: 10px; margin-bottom: 10px;
@ -235,7 +241,7 @@ export default {
display: none; display: none;
} }
.button { .button {
background: #05353b; background: #024554;
padding: 10px; padding: 10px;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
@ -244,7 +250,7 @@ export default {
transition: 0.3s; transition: 0.3s;
} }
.button:hover { .button:hover {
background: #0f292c; background: #02303c;
} }
.button.disabled { .button.disabled {
background: grey; background: grey;
@ -259,7 +265,7 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
background-color: #06454d; background-color: #044050;
padding: 10px; padding: 10px;
margin: 10px; margin: 10px;
margin-left: 30px; margin-left: 30px;

9
src/components/app/Popouts/Popouts/SettingsPanels/ManageEmojis.vue
View file

@ -249,7 +249,7 @@ input:focus {
.emojis-list { .emojis-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #06454d; background-color: #00000024;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
height: 100%; height: 100%;
@ -269,7 +269,7 @@ input:focus {
flex-shrink: 0; flex-shrink: 0;
} }
.emoji:hover { .emoji:hover {
background: #0a3f46; background: #052e3b;
} }
.emoji-name { .emoji-name {
margin: auto; margin: auto;
@ -280,14 +280,15 @@ input:focus {
display: inline-block; display: inline-block;
width: inherit; width: inherit;
padding: 10px; padding: 10px;
background: #05353b; background: #063443;
margin-bottom: 10px; margin-bottom: 10px;
margin-left: 20px; margin-left: 20px;
user-select: none; user-select: none;
transition: 0.3s; transition: 0.3s;
cursor: pointer;
} }
.button:hover { .button:hover {
background: #0f292c; background: #052631;
} }
.button .material-icons { .button .material-icons {
vertical-align: -6px; vertical-align: -6px;

4
src/components/app/Popouts/Popouts/SettingsPanels/MessageDesign.vue
View file

@ -125,7 +125,7 @@ export default {
.message-example{ .message-example{
padding: 10px; padding: 10px;
background: #173d42; background: linear-gradient(#0B4155, #01677E);
} }
.title{ .title{
font-size: 20px; font-size: 20px;
@ -145,7 +145,7 @@ export default {
} }
.options { .options {
background-color: #06454d; background-color: #023643;
padding-top: 5px; padding-top: 5px;
} }

2
src/components/app/Popouts/Popouts/SettingsPanels/MyProfile.vue
View file

@ -119,7 +119,7 @@ export default {
.tabs{ .tabs{
z-index: 999999; z-index: 999999;
display: flex; display: flex;
background: #04383d; background: #073444;
justify-content: center; justify-content: center;
} }
.tabs .tab { .tabs .tab {

1
src/components/app/Popouts/Popouts/SettingsPanels/Notifications.vue
View file

@ -144,6 +144,5 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
flex-direction: column; flex-direction: column;
background:#09464f;
} }
</style> </style>

1
src/components/app/Popouts/Popouts/SettingsPanels/appSettings.vue
View file

@ -111,7 +111,6 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
flex-direction: column; flex-direction: column;
background:#09464f;
} }
</style> </style>

11
src/components/app/Popouts/Popouts/SettingsPanels/survey.vue
View file

@ -226,7 +226,7 @@ export default {
} }
.survey .button { .survey .button {
color: white; color: white;
background: #05353b; background: #024554;
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
width: 100%; width: 100%;
@ -236,7 +236,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
.survey .button:hover { .survey .button:hover {
background: #0f292c; background: #02303c;
} }
.title { .title {
@ -256,7 +256,7 @@ export default {
.input { .input {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #06454d; background-color: #044050;
padding: 10px; padding: 10px;
margin: 10px; margin: 10px;
margin-left: 30px; margin-left: 30px;
@ -266,15 +266,14 @@ export default {
.input input { .input input {
width: initial; width: initial;
margin-top: 2px; margin-top: 2px;
background: #05353b; background: #032d38;
} }
textarea { textarea {
padding: 10px; padding: 10px;
resize: none; resize: none;
background: #05353b; background: #032d38;
border: none; border: none;
outline: none; outline: none;
border-radius: 5px;
color: white; color: white;
height: 100px; height: 100px;
margin-bottom: 10px; margin-bottom: 10px;

14
src/components/app/Popouts/Popouts/TakeSurveyPopout.vue
View file

@ -74,10 +74,10 @@ export default {
margin: auto; margin: auto;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.507); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.507);
padding: 10px; padding: 10px;
background-image: url("../../../../assets/leftPanelBackground.jpg"); overflow: hidden;
background-repeat: no-repeat; box-shadow: 0px 0px 20px 5px #151515bd;
background-position: center; background: linear-gradient(#0B4155, #01677E);
background-size: cover; border-radius: 4px;
} }
.survay-icon .material-icons{ .survay-icon .material-icons{
color: white; color: white;
@ -99,16 +99,16 @@ export default {
.button { .button {
padding: 10px; padding: 10px;
margin: 3px; margin: 3px;
background: #05353b; background: #014656;
transition: 0.3s; transition: 0.3s;
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
} }
.valid { .valid {
background: #05353b; background: #014656;
} }
.valid:hover{ .valid:hover{
background: #0f292c; background: #02303c;
} }
.warning { .warning {
background: rgba(255, 27, 27, 0.589) background: rgba(255, 27, 27, 0.589)

16
src/components/app/Popouts/Popouts/uploadDialog.vue
View file

@ -198,7 +198,7 @@ export default {
<style scoped> <style scoped>
.dark-background { .dark-background {
background: rgba(0, 0, 0, 0.877); background: rgba(0, 0, 0, 0.4);
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
@ -213,10 +213,10 @@ export default {
width: 500px; width: 500px;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
background-image: url("../../../../assets/leftPanelBackground.jpg"); overflow: hidden;
background-repeat: no-repeat; box-shadow: 0px 0px 20px 5px #151515bd;
background-position: center; background: linear-gradient(#0B4155, #01677E);
background-size: cover; border-radius: 4px;
} }
.info { .info {
display: flex; display: flex;
@ -273,14 +273,14 @@ export default {
display: flex; display: flex;
align-content: center; align-content: center;
align-items: center; align-items: center;
background: #05353b; background: #024554;
padding: 5px; padding: 5px;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
transition: 0.3s; transition: 0.3s;
} }
.button:hover { .button:hover {
background: #0f292c; background: #02303c;
} }
.button .text { .button .text {
margin-left: 5px; margin-left: 5px;
@ -300,7 +300,7 @@ export default {
} }
.chat-input { .chat-input {
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
background: #45939e; background: #032d38;
color: white; color: white;
width: 100%; width: 100%;
height: 20px; height: 20px;

11
src/components/app/Popouts/Popouts/userInformationPopout.vue
View file

@ -231,11 +231,10 @@ export default {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
position: relative; position: relative;
box-shadow: 0px 0px 20px 11px #151515c4; box-shadow: 0px 0px 20px 5px #151515bd;
background-image: url("../../../../assets/leftPanelBackground.jpg"); background: linear-gradient(#0B4155, #01677E);
background-repeat: no-repeat; border-radius: 4px;
background-position: center; overflow: hidden;
background-size: cover;
} }
.spinner { .spinner {
@ -269,7 +268,7 @@ export default {
align-content: center; align-content: center;
padding-bottom: 10px; padding-bottom: 10px;
flex-shrink: 0; flex-shrink: 0;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.5);
padding-top: 30px; padding-top: 30px;
} }

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

@ -303,7 +303,7 @@ export default {
.header { .header {
background: #063443; background: #063443;
padding-left: 10px; padding-left: 10px;
height: 64px; height: 54px;
display: flex; display: flex;
align-items: center; align-items: center;
align-content: center; align-content: center;

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

@ -105,7 +105,7 @@ export default {
<style scoped> <style scoped>
.embed { .embed {
background: #1d2b2d; background: #ffffff21;
padding: 5px; padding: 5px;
display: flex; display: flex;
max-width: 500px; max-width: 500px;

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

@ -65,7 +65,7 @@ export default {
position: absolute; position: absolute;
top: 60px; top: 60px;
right: 5px; right: 5px;
background: rgba(0, 0, 0, 0.7); background: rgba(3, 32, 41, 0.9);
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
width: 180px; width: 180px;
z-index: 4; z-index: 4;
@ -81,7 +81,7 @@ export default {
} }
.status-list:hover { .status-list:hover {
background: #0000008c; background: #081619;
} }
.status-icon { .status-icon {

11
src/components/app/uploadsQueue.vue
View file

@ -39,12 +39,19 @@ export default {
} }
.upload { .upload {
color: white; color: white;
background: #3a585c; background: #26778a;
margin: 10px; margin: 10px;
margin-left: 10px; margin-left: 10px;
display: flex; display: flex;
padding: 10px; padding: 10px;
} }
.icon {
display: flex;
justify-content: center;
align-items: center;
margin-right: 5px;
flex-shrink: 0;
}
.icon .material-icons { .icon .material-icons {
font-size: 40px; font-size: 40px;
} }
@ -61,7 +68,7 @@ export default {
} }
.size { .size {
font-size: 15px; font-size: 15px;
color: rgb(207, 207, 207); color: #d5e3e6;
} }
.progress { .progress {
display: flex; display: flex;

2
src/components/homePage/DownloadAppPopout.vue
View file

@ -64,7 +64,7 @@ export default {
margin: auto; margin: auto;
background: rgb(39, 39, 39); background: rgb(39, 39, 39);
flex-direction: column; flex-direction: column;
border-radius: 10px; border-radius: 4px;
overflow: hidden; overflow: hidden;
} }

14
src/utils/changelog.js
View file

@ -9,12 +9,24 @@ const prototype = {
}; };
const config = [ const config = [
{
version: 8.6,
title: "New redesign!",
shortTitle: "",
date: "23/11/2019",
headColor: "#007792",
new: [
"A new and better designed Nertivia! Thanks to skull."
],
bugs: [
"Some bugs have been fixed"
]
},
{ {
version: 8.5, version: 8.5,
title: "Format buttons and color text!", title: "Format buttons and color text!",
shortTitle: "", shortTitle: "",
date: "18/11/2019", date: "18/11/2019",
headColor: "#007792",
new: [ new: [
"Enter will now create new lines on mobile.", "Enter will now create new lines on mobile.",
"You can now easily format your messages using the format buttons above.", "You can now easily format your messages using the format buttons above.",

7
src/views/GDriveCallback.vue
View file

@ -90,7 +90,8 @@ body {
flex-direction: column; flex-direction: column;
color: white; color: white;
height: 100%; height: 100%;
background: #173d42; overflow: hidden;
background: linear-gradient(#0B4155, #01677E);
} }
.app-content { .app-content {
display: flex; display: flex;
@ -129,9 +130,7 @@ body {
justify-content: center; justify-content: center;
z-index: 9999; z-index: 9999;
padding: 20px; padding: 20px;
background-image: url("../assets/leftPanelBackground.jpg"); background: #044050;
background-position: center;
background-size: cover;
} }
.loading { .loading {

11
src/views/HomePage.vue
View file

@ -221,10 +221,7 @@ body {
flex-shrink: 0; flex-shrink: 0;
border: 10px; border: 10px;
position: relative; position: relative;
background-image: url("../assets/leftPanelBackground.jpg"); background: #072834;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
} }
.logo { .logo {
background-image: url("../assets/logo.png"); background-image: url("../assets/logo.png");
@ -250,7 +247,7 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
transition: 0.5s; transition: 0.5s;
background-color: #173d42; background: linear-gradient(#0B4155, #01677E);
} }
.content { .content {
position: fixed; position: fixed;
@ -324,7 +321,7 @@ body {
justify-content: center; justify-content: center;
} }
.feature { .feature {
background: #102a2e; background: #024352;
color: white; color: white;
margin: 10px; margin: 10px;
padding: 2px; padding: 2px;
@ -353,7 +350,7 @@ body {
} }
.link { .link {
padding: 10px; padding: 10px;
background: rgba(0, 0, 0, 0.219); background: #25424d;
user-select: none; user-select: none;
margin-left: 5px; margin-left: 5px;
transition: 0.3s; transition: 0.3s;

6
src/views/Invites.vue
View file

@ -131,7 +131,7 @@ body {
flex-direction: column; flex-direction: column;
color: white; color: white;
height: 100%; height: 100%;
background: #173d42; background: linear-gradient(#0B4155, #01677E);
} }
.app-content { .app-content {
display: flex; display: flex;
@ -160,9 +160,7 @@ body {
justify-content: center; justify-content: center;
z-index: 9999; z-index: 9999;
padding-bottom: 20px; padding-bottom: 20px;
background-image: url("../assets/leftPanelBackground.jpg"); background: #044050;
background-position: center;
background-size: cover;
} }
.server { .server {
display: flex; display: flex;

10
src/views/LoginPage.vue
View file

@ -197,7 +197,7 @@ body {
flex-direction: column; flex-direction: column;
color: white; color: white;
height: 100%; height: 100%;
background: #173d42; background: linear-gradient(#0B4155, #01677E);
} }
.app-content { .app-content {
display: flex; display: flex;
@ -224,9 +224,7 @@ body {
align-items: center; align-items: center;
z-index: 9999; z-index: 9999;
padding-bottom: 20px; padding-bottom: 20px;
background-image: url("../assets/leftPanelBackground.jpg"); background: #043b4a;
background-position: center;
background-size: cover;
} }
.box .title { .box .title {
text-align: center; text-align: center;
@ -258,7 +256,7 @@ form {
margin: 10px; margin: 10px;
width: 80%; width: 80%;
align-self: center; align-self: center;
background: #074d57; background: #032b35;
padding: 10px; padding: 10px;
} }
.input-text { .input-text {
@ -269,7 +267,7 @@ input {
outline: none; outline: none;
padding: 10px; padding: 10px;
border: none; border: none;
background: #03262b; background: #021b21;
color: white; color: white;
} }
.buttons { .buttons {

11
src/views/RegisterPage.vue
View file

@ -201,7 +201,7 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
color: white; color: white;
background: #173d42; background: linear-gradient(#0B4155, #01677E);
} }
.app-content { .app-content {
display: flex; display: flex;
@ -228,9 +228,8 @@ body {
align-items: center; align-items: center;
z-index: 9999; z-index: 9999;
padding-bottom: 20px; padding-bottom: 20px;
background-image: url("../assets/leftPanelBackground.jpg"); background: #043b4a;
background-position: center;
background-size: cover;
} }
.box .title { .box .title {
text-align: center; text-align: center;
@ -262,7 +261,7 @@ form {
margin: 10px; margin: 10px;
width: 80%; width: 80%;
align-self: center; align-self: center;
background: #074d57; background: #032b35;
padding: 10px; padding: 10px;
} }
.input-text { .input-text {
@ -274,7 +273,7 @@ input {
padding: 10px; padding: 10px;
border: none; border: none;
background: none; background: none;
background: #03262b; background: #021b21;
color: white; color: white;
} }
.buttons { .buttons {