summaryrefslogtreecommitdiffstats
path: root/apps/theming/css/theming.scss
diff options
context:
space:
mode:
Diffstat (limited to 'apps/theming/css/theming.scss')
-rw-r--r--apps/theming/css/theming.scss64
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