YunoHost/SSOwat
1
0
Fork 0
mirror of https://github.com/YunoHost/SSOwat.git synced 2024-09-03 20:06:27 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #139 from moutonjr/pv-new-theme-unsplash

Browse source 
Adding new theme Unsplash forek from "Clouds"
This commit is contained in:
Alexandre Aubin 2021-09-05 15:16:30 +02:00 committed by GitHub
commit 8354c57978
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 95 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
portal/assets/themes/unsplash/cloud.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 25 KiB

17
portal/assets/themes/unsplash/custom_overlay.css Normal file
View file

@ -0,0 +1,17 @@
/*
===============================================================================
This file may contain extra CSS rules loaded on all apps page (*if* the app
nginx's conf does include the appropriate snippet) for the small YunoHost
button in bottom-right corner + portal overlay.
The yunohost button corresponds to : #ynh-overlay-switch
The yunohost portal overlay / iframe corresponds to : #ynh-overlay
BE CAREFUL that you should *not* add too-general rules that apply to
non-yunohost elements (for instance all 'a' or 'p' elements...) as it will
likely break app's rendering
===============================================================================
*/
#ynh-overlay-switch {
background-image: url("./cloud.png");
}

78
portal/assets/themes/unsplash/custom_portal.css Normal file
View file

@ -0,0 +1,78 @@
/*
===============================================================================
This file contain extra CSS rules to customize the YunoHost user portal and
can be used to customize app tiles, buttons, etc...
===============================================================================
*/
/* Make page texts white */
.user-container h2,
.user-container small,
.user-container .user-mail,
.user-container .user-mail,
.content .footer a,
a.app-tile,
#ynh-logout {
color: white !important;
}
body {
color: white !important;
text-shadow: 3px 4px 4px rgba(0,0,0,.4), -1px -1px 6px rgba(0,0,0,0.2);
}
.ynh-user-portal {
background-image: url('https://source.unsplash.com/random/featured/?nature') !important;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
/* Apps colors */
.app-tile {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.app-tile:hover:after,
.app-tile:focus:after,
.app-tile:hover:before,
.app-tile:focus:before {
background: rgba(255, 255, 255, 0.5) !important;
}
/* Use a custom logo image */
#ynh-logo {
z-index: 10;
background-image: url("./cloud.png");
}
/* Round the form */
.login-form label:before {
border-top-left-radius: 5em ;
border-bottom-left-radius: 5em ;
}
.login-form * {
border-radius: 5em;
}
/* Make form black */
.login-form label::before {
background: #000;
color: #FFF;
}
.login-form .form-group * {
background: #000;
color: #FFF;
}
.icon {
background: #000;
}
.messages {
border-radius: .5em;
}