diff options
| author | Julius Haertl <jus@bitgrid.net> | 2017-02-17 16:42:07 +0100 |
|---|---|---|
| committer | Joas Schilling <coding@schilljs.com> | 2017-04-25 11:39:45 +0200 |
| commit | 68a63ad3f33c683d726219a508bb31de7b9ab1d0 (patch) | |
| tree | 910932971b761689c8ca843860119a1df6e29573 /apps/theming/css | |
| parent | 133f3fdc9aec28383dba323d58569eddd160b0df (diff) | |
| download | nextcloud-server-68a63ad3f33c683d726219a508bb31de7b9ab1d0.tar.gz nextcloud-server-68a63ad3f33c683d726219a508bb31de7b9ab1d0.zip | |
Implement scss variable injection by OC_Defaults
Signed-off-by: Julius Haertl <jus@bitgrid.net>
Add Scss variables to example theme and theming app
Signed-off-by: Julius Haertl <jus@bitgrid.net>
Use SCSSCacher to build theming css
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Update theming.scss
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Code cleanup
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Fix tests
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Inject SCSSCacher for easier testing
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Fix typehint
Signed-off-by: Lukas Reschke <lukas@statuscode.ch>
Generate absolute URLs
Signed-off-by: Lukas Reschke <lukas@statuscode.ch>
Fix tests to always use absolute urls for theming images
Signed-off-by: Julius Härtl <jus@bitgrid.net>
MailheaderColor -> ColorPrimary
Signed-off-by: Roeland Jago Douma <roeland@famdouma.nl>
Diffstat (limited to 'apps/theming/css')
| -rw-r--r-- | apps/theming/css/theming.scss | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/apps/theming/css/theming.scss b/apps/theming/css/theming.scss new file mode 100644 index 00000000000..9392bfb0ae2 --- /dev/null +++ b/apps/theming/css/theming.scss @@ -0,0 +1,64 @@ +.nc-theming-main-background { + background-color: $color-primary; +} + +.nc-theming-main-text { + color: $color-primary-text; +} + +.nc-theming-contrast { + color: $color-primary-text; +} + +/* invert header icons on bright background */ +@if (lightness($color-primary) > 50) { + #header .icon-caret { + background-image: url(../../../core/img/actions/caret-dark.svg); + } + .searchbox input[type="search"] { + background: transparent url(../../../core/img/actions/search.svg) no-repeat 6px center; + } + #appmenu li a img { + -webkit-filter: invert(1); + filter: invert(1); + filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1'); + } +} + +/* Colorized svg images */ +.icon-file, .icon-filetype-text { + background-image: url(../img/core/filetypes/text.svg?v=#{$theming-cachebuster}); +} + +.icon-folder, .icon-filetype-folder { + background-image: url(./img/core/filetypes/folder.svg?v=#{$theming-cachebuster}); +} + +.icon-filetype-folder-drag-accept { + background-image: url(./img/core/filetypes/folder-drag-accept.svg?v=#{$theming-cachebuster}) !important; +} + +/* override styles for login screen in guest.css */ +#header .logo, +#header .logo-icon { + background-size: contain; + background-image: url(#{$image-logo}?v=#{$theming-cachebuster}); +} + +#body-login, +#firstrunwizard .firstrunwizard-header { + background-image: url(#{$image-login-background}?v=#{$theming-cachebuster}); + background-color: $color-primary; +} + +input.primary { + background-color: nc-lighten($color-primary, .9); + border: 1px solid $color-primary; + color: $color-primary-text; +} + +@if (lightness($color-primary) > 50) { + #body-login input.login { + background-image: url(../../../core/img/actions/confirm.svg); + } +}
\ No newline at end of file |