fairchat theme redesign 2022
Colors
Befor:
- Primärer Hintergrund:#82ad29
- Primär (hell):#EBEBDC
- Primär (mittelhell):#bababa
- (Alte Farben)Hintergrundfarbe des Inhalts:@component-color
- Primär:#8a9134
Now:
- Primärer Hintergrund:#eeedf0
- Primär (hell):#5e5c64
- Primär (mittelhell):#000000
- (Alte Farben)Hintergrundfarbe des Inhalts:#ffffff
- Primär:#eeedf0
Footer
Befor:
<div style="background-color: #82AD29; left: 5px; padding-right: 5px; padding-top: 5px; padding-left: 12px; padding-bottom: 3px; font-size: 10px;">
<p><a href="https://fairchat.eu" target="_blank"><b>   fairchat</b></a></p>
<!-- <a href="/home" target="_self"><button><i class="icon home"></i>Home+Login</button>
</a>
-->
<a href="https://www.fairkom.eu/fairchat#faqs" target="_blank">
<button><i class="icon-info"></i>FAQs</button>
</a>
<a href="mailto:?subject=Say%20hello%20with%20fairchat&body=I%20use%20fairchat,%20join%20this%20great%20messenger.%20Register%20at%20https%3A%2F%2Ffairchat.net%20%0A%0AIch%20bin%20in%20fairchat%2C%20dem%20alternativen%20Messenger%20aus%20den%20Alpen.%20Melde%20dich%20auch%20an%2C%20damit%20wir%20chatten%20k%C3%B6nnen%3A%20https%3A%2F%2Ffairchat.net%20oder%20hol%20dir%20die%20App.">
<button><i class="icon-mail"></i> Invite</button>
</a>
<a href="https://fairchat.net/privacy-policy"><button><i class="icon-lock"></i> Privacy</button>
</a>
<a href="https://fairapps.net" target="_self"><button><i class="icon-home"></i>More fairapps</button>
</a>
</div>
<!---
<div style="background-color: #80c45a; padding-top: 0px; padding-left: 40px; padding-bottom: 3px;">
<img src="assets/logo" />
</div>
--->
After:
<div style="width:100%; height:100%; display: flex;justify-content: space-evenly;align-items: center;text-decoration: underline;">
<style>
a.einSehrLangerNameUmNichtMitWeierenSeitenFussZeilenCSSZusammenZuStossen.einSehrLangerNameUmNichtMitWeierenSeitenFussZeilenCSSZusammenZuStossen{
color:#273583;
font-size: 0.8rem;
display: flex;
}
a.einSehrLangerNameUmNichtMitWeierenSeitenFussZeilenCSSZusammenZuStossen.einSehrLangerNameUmNichtMitWeierenSeitenFussZeilenCSSZusammenZuStossen:hover{
color:#c2d115;
}
</style>
<a class="einSehrLangerNameUmNichtMitWeierenSeitenFussZeilenCSSZusammenZuStossen" style="" href="https://fairchat.eu" target="_blank">fairchat</a>
<a class="einSehrLangerNameUmNichtMitWeierenSeitenFussZeilenCSSZusammenZuStossen" href="https://www.fairkom.eu/fairchat#faqs" target="_blank">
<i class="icon-info"></i>FAQs
</a>
<a class="einSehrLangerNameUmNichtMitWeierenSeitenFussZeilenCSSZusammenZuStossen" href="mailto:?subject=Say%20hello%20with%20fairchat&body=I%20use%20fairchat,%20join%20this%20great%20messenger.%20Register%20at%20https%3A%2F%2Ffairchat.net%20%0A%0AIch%20bin%20in%20fairchat%2C%20dem%20alternativen%20Messenger%20aus%20den%20Alpen.%20Melde%20dich%20auch%20an%2C%20damit%20wir%20chatten%20k%C3%B6nnen%3A%20https%3A%2F%2Ffairchat.net%20oder%20hol%20dir%20die%20App.">
<i class="icon-mail"></i> Invite
</a>
<a class="einSehrLangerNameUmNichtMitWeierenSeitenFussZeilenCSSZusammenZuStossen" href="https://fairchat.net/privacy-policy"><i class="icon-lock"></i> Privacy
</a>
<a class="einSehrLangerNameUmNichtMitWeierenSeitenFussZeilenCSSZusammenZuStossen" href="https://fairapps.net" target="_self"><i class="icon-home"></i>More
</a>
<!---
<div style="background-color: #80c45a; padding-top: 0px; padding-left: 40px; padding-bottom: 3px;">
<img src="assets/logo" />
</div>
--->
</div>
Login
wurde wie in issue #31 geändert.
Homepage
wurde wie im Wiki https://git.fairkom.net/chat/RCserver/fairchat-web/-/wikis/fairchat-start-page-content geändert.
CSS
added:
line 6-8:
:root{
--rcx-sidebar-item-color-highlighted: var(--rc-color-primary-light-medium);
--rcx-sidebar-item-color-hover:#c2d115;
}
.rcx-sidebar-item--highlighted:hover {
color:#c2d115;
color:var(--rcx-sidebar-item-color-hover,var(--rcx-color-foreground-hint,#c2d115));
}
line 166-172:
.rcx-box.rcx-box--full.rcx-divider {
display:none;
}
.rcx-box.rcx-box--full.rcx-box--animated.rcx-button--small square.rcx-button--square.rcx-button--small.rcx-button--primary.rcx-button.rcx-button-group__item.rcx-css-ue04py > i{
color:yellow;
}
changed: line 117-120 --> 120-129 from:
a {
color: #82ad29;}
i {
color: #526034;}
to:
a {
color: #273583;}
a:hover{
color:#82ad29;
}
i {
color: #273583;}
.bigicon{
color:#82ad29;
}
a:hover i{
color:#82ad29;
}
button:hover i{
color:#82ad29;
}
line 61-64
from:
.full-page .btn:hover, .full-page .btn:active, .full-page .btn:focus {
background-color: #fff;
color: #75ad5a;
}
to:
.full-page .btn:hover, .full-page .btn:active, .full-page .btn:focus {
background-color: #fff;
color: #32783E;
}
line 111 - 118
from:
p.landingpage2, a.landingpage2 {
color: black;
line-height: 150%;
background-color: white;
padding: 8px;
border-radius: 4px;
}
to:
p.landingpage2, a.landingpage2 {
color: black;
line-height: 150%;
background-color: white;
border-radius: 4px;
}
line 35
from:
background-color: #32783E;
to:
background-color: #273583;
Javascript
Custom_Script_Logged_Out
from:
//Add your script
// Frontpage jump to Jitsi Meet room
var calljitsiroom = function(event){
event.preventDefault();
var jitsiurl = document.getElementById("jitsimeetroom");
if (jitsiurl.value != "") {
window.location = "https://"+Meteor.settings.Jitsi_Domain+"/"+jitsiurl.value;
}
};
to:
//Add your script
var usrlang = navigator.language || navigator.userLanguage;
if (usrlang != "de") {
usrlang = "en";
}
let idString = usrlang + "_body";
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '#'+idString+' { display: unset; }';
document.getElementsByTagName('head')[0].appendChild(style);
Custom_Script_Logged_In
from:
//Add your script
var calljitsiroom = function(event){
event.preventDefault();
var jitsiurl = document.getElementById("jitsimeetroom");
if (jitsiurl.value != "") {
window.location = "https://"+Meteor.settings.Jitsi_Domain+"/"+jitsiurl.value;
}
};
// Hide login button - this works only once, then throws a meteor error
// var button1 = document.getElementById("fairloginbutton1");
// if (button1 !== null) { button1.style.display = "none"; }
// document.getElementById('fairloginbutton1').style.display='none';
// var button2 = document.getElementById("fairloginbutton2");
// if (button2 !== null) { button2.style.display = "none"; }
// document.getElementById('fairloginbutton2').style.display='none';
to:
//Add your script
var usrlang = navigator.language || navigator.userLanguage;
if (usrlang != "de") {
usrlang = "en";
}
let idString = usrlang + "_body";
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '#'+idString+' { display: unset; }';
document.getElementsByTagName('head')[0].appendChild(style);
Edited by Rieder Bernhard