From e41f075a9021bac710f523867090bee1ed8b9ed9 Mon Sep 17 00:00:00 2001 From: Vinicius Reis Date: Tue, 30 Aug 2022 12:01:32 -0300 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20(#3095):=20update=20variables.cs?= =?UTF-8?q?s=20from=20nextcloud=20server?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Vinicius Reis --- styleguide/assets/variables.css | 95 +++++++++++++++++++++------------ 1 file changed, 60 insertions(+), 35 deletions(-) diff --git a/styleguide/assets/variables.css b/styleguide/assets/variables.css index 64ab231d..3fc008a6 100644 --- a/styleguide/assets/variables.css +++ b/styleguide/assets/variables.css @@ -1,54 +1,79 @@ +/* Plain */ :root { - --color-main-text: #222; - --color-main-background: #fff; - --color-main-background-translucent: rgba(255, 255, 255, 0.97); - --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; - --color-background-hover: whitesmoke; + --color-main-background: #ffffff; + --color-main-background-rgb: 255, 255, 255; + --color-main-background-translucent: rgba( + var(--color-main-background-rgb), + 0.97 + ); + --color-main-background-blur: rgba(var(--color-main-background-rgb), 0.8); + --filter-background-blur: blur(25px); + --gradient-main-background: var(--color-main-background) 0%, + var(--color-main-background-translucent) 85%, transparent 100%; + --color-background-hover: #f5f5f5; --color-background-dark: #ededed; --color-background-darker: #dbdbdb; --color-placeholder-light: #e6e6e6; - --color-placeholder-dark: #ccc; + --color-placeholder-dark: #cccccc; --color-primary: #0082c9; - --color-primary-hover: #339bd4; - --color-primary-light: #e6f3fa; - --color-primary-light-hover: #dce9ef; --color-primary-text: #ffffff; + --color-primary-hover: #329bd3; + --color-primary-light: #e5f2f9; --color-primary-light-text: #0082c9; + --color-primary-light-hover: #dbe7ee; --color-primary-text-dark: #ededed; --color-primary-element: #0082c9; - --color-primary-element-hover: #339bd4; - --color-primary-element-light: #e6f3fa; - --color-primary-element-lighter: #d9ecf7; - --color-error: #e9322d; - --color-error-rgb: 233,50,45; - --color-error-hover: #ed5b57; - --color-warning: #eca700; - --color-warning-rgb: 236,167,0; - --color-warning-hover: #f0b933; - --color-success: #46ba61; - --color-success-rgb: 70,186,97; - --color-success-hover: #6bc881; + --color-primary-element-text: #ffffff; + --color-primary-element-hover: #329bd3; + --color-primary-element-light: #e5f2f9; + --color-primary-element-light-text: #0082c9; + --color-primary-element-light-hover: #dbe7ee; + --color-primary-element-text-dark: #ededed; + --gradient-primary-background: linear-gradient( + 40deg, + var(--color-primary) 0%, + var(--color-primary-hover) 100% + ); + --color-main-text: #222222; --color-text-maxcontrast: #767676; - --color-text-light: #222; + --color-text-light: #222222; --color-text-lighter: #767676; - /** --image-logo: url('/core/img/logo/logo.png?v=0'); - --image-login-background: url('/core/img/background.png?v=0'); - --image-logoheader: url('/core/img/logo/logo.png?v=0'); - --image-favicon: url('/core/img/logo/logo.png?v=0'); **/ - --color-loading-light: #ccc; - --color-loading-dark: #444; - --color-box-shadow: rgba(77, 77, 77, 0.5); + --color-error: #e9322d; + --color-error-rgb: 233, 50, 45; + --color-error-hover: #ed5a56; + --color-warning: #eca700; + --color-warning-rgb: 236, 167, 0; + --color-warning-hover: #efb832; + --color-success: #46ba61; + --color-success-rgb: 70, 186, 97; + --color-success-hover: #6ac780; + --color-loading-light: #cccccc; + --color-loading-dark: #444444; + --color-box-shadow-rgb: 77, 77, 77; + --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5); --color-border: #ededed; --color-border-dark: #dbdbdb; - --color-main-background-blur: rgba(255,255,255,0.8); - --background-blur: blur(25px); + --font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Oxygen-Sans, Cantarell, Ubuntu, "Helvetica Neue", Arial, sans-serif, + "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --default-font-size: 15px; + --animation-quick: 100ms; + --animation-slow: 300ms; --border-radius: 3px; --border-radius-large: 10px; --border-radius-pill: 100px; - --font-face: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Cantarell, Ubuntu, Helvetica Neue, Arial, sans-serif, Noto Color Emoji, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --default-font-size: 15px; --default-line-height: 24px; - --animation-quick: 100ms; - --animation-slow: 300ms; --header-height: 50px; + --navigation-width: 300px; + --sidebar-min-width: 300px; + --sidebar-max-width: 500px; + --list-min-width: 200px; + --list-max-width: 300px; + --header-menu-item-height: 44px; + --header-menu-profile-item-height: 66px; + --breakpoint-mobile: 1024px; + --primary-invert-if-bright: no; + --background-invert-if-dark: no; + --background-invert-if-bright: invert(100%); }