diff options
Diffstat (limited to 'addons/web_editor/static/src/scss/web_editor.variables.scss')
| -rw-r--r-- | addons/web_editor/static/src/scss/web_editor.variables.scss | 97 |
1 files changed, 78 insertions, 19 deletions
diff --git a/addons/web_editor/static/src/scss/web_editor.variables.scss b/addons/web_editor/static/src/scss/web_editor.variables.scss index 08c67c9c7f6..2d36b3e9756 100644 --- a/addons/web_editor/static/src/scss/web_editor.variables.scss +++ b/addons/web_editor/static/src/scss/web_editor.variables.scss @@ -2,27 +2,45 @@ /// This files regroups the variables and mixins which are specific to the editor. /// -$o-we-font-family: Roboto, 'Montserrat', "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; +$o-we-font-family: Roboto, 'Montserrat', "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif !default; -$o-we-color-dark: #2c2c36; -$o-we-color-darker: darken($o-we-color-dark, 2%); -$o-we-color-divider: #33363e; -$o-we-color-light: #4e525b; -$o-we-color-normal: #50545d; -$o-we-color-paper: #fcfcfc; -$o-we-color-text-normal: #999999; -$o-we-color-text-light: #d4d5d7; -$o-we-color-danger: #e6586c; -$o-we-color-warning: #f0ad4e; -$o-we-color-success: #40ad67; -$o-we-color-info: #6999a8; +$o-we-color-dark: #2c2c36 !default; +$o-we-color-darker: darken($o-we-color-dark, 2%) !default; +$o-we-color-divider: #33363e !default; +$o-we-color-light: #4e525b !default; +$o-we-color-normal: #50545d !default; +$o-we-color-paper: #fcfcfc !default; +$o-we-color-text-normal: #999999 !default; +$o-we-color-text-light: #d4d5d7 !default; +$o-we-color-danger: #e6586c !default; +$o-we-color-warning: #f0ad4e !default; +$o-we-color-success: #40ad67 !default; +$o-we-color-info: #6999a8 !default; -$o-we-sidebar-width: 210px; +$o-we-sidebar-width: 210px !default; -$o-we-tab-active-bg: #3D4048; +$o-we-tab-active-bg: #3D4048 !default; // Transitions -$o-we-md-ease: cubic-bezier(0.19, 1, 0.22, 1); +$o-we-md-ease: cubic-bezier(0.19, 1, 0.22, 1) !default; + +// Editor +$o-we-dropzone-size: 40px !default; +$o-we-dropzone-border-width: 2px !default; +$o-we-dropzone-border: $o-we-dropzone-border-width dashed $o-brand-primary !default; + +$o-we-handle-edge-size: 1px !default; +$o-we-handle-border-width: 1px !default; +$o-we-handles-offset-to-hide: 10000px !default; +$o-we-handles-accent-color: #00e2ff !default; +$o-we-handles-btn-size: 18px !default; + +$o-we-overlay-option-size: 25px !default; + +$o-we-ace-color: #2F3129 !default; + +$o-we-switch-size: 2ex !default; +$o-we-switch-inactive-color: $o-we-color-paper !default; // ============ 'Preview' component Mixins =============== // Create a "preview" work-area to edit/customize specific elements @@ -68,7 +86,7 @@ $o-we-md-ease: cubic-bezier(0.19, 1, 0.22, 1); @mixin o-w-preserve-links { a:not(.o_btn_preview) { - color: $odoo-brand-optional; + color: $o-brand-optional; &:focus, &:active, &:focus:active { outline: none!important; @@ -157,13 +175,13 @@ $o-we-md-ease: cubic-bezier(0.19, 1, 0.22, 1); @include button-size(6px, 12px, 14px, 1.42857143, 0); &.btn-primary { - @include button-variant(white, $odoo-brand-optional, darken($odoo-brand-optional,5%)); + @include button-variant(white, $o-brand-optional, darken($o-brand-optional,5%)); } &.btn-default { @include button-variant($o-we-color-normal, white, $o-we-color-text-light); } &.btn-link { - @include button-variant($odoo-brand-optional, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); + @include button-variant($o-brand-optional, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); } &.btn-success { @include button-variant(white, $o-we-color-success, darken($o-we-color-success, 5%)); @@ -200,3 +218,44 @@ $o-we-md-ease: cubic-bezier(0.19, 1, 0.22, 1); @include box-shadow(none); } } + +// Edition colors + +// Colors +$gray-white: #fff !default; + +$color-alpha: #1cc1a9 !default; +$color-beta: #875A7B !default; +$color-gamma: #BA3C3D !default; +$color-delta: #0D6759 !default; +$color-epsilon: #0B2E59 !default; + +// Greyscale transparent colours +$color-black-25: rgba(black, 0.25) !default; +$color-black-50: rgba(black, 0.5) !default; +$color-black-75: rgba(black, 0.75) !default; +$color-white-25: rgba(white, 0.25) !default; +$color-white-50: rgba(white, 0.5) !default; +$color-white-75: rgba(white, 0.75) !default; + +@mixin o-create-color-classes($name, $color, $complementary: o-get-most-contrast($color, $text-color, #FFF), $content-color: $color) { + .bg-#{$name} { + background-color: $color; + color: $complementary; + .text-muted { + color: rgba($complementary, 0.4); + } + } + body .text-#{$name} { // body to make the rules more important that bg-* ones + color: $content-color; + } +} +@mixin o-create-color-btn-classes($name, $color, $complementary: o-get-most-contrast($color, $text-color, #FFF), $border-color: darken($color, 5%)) { + .btn-#{$name} { + @include button-variant($complementary, $color, $border-color); + } +} + +// Translations +$o-we-content-to-translate-color: rgb(255, 255, 90) !default; +$o-we-translated-content-color: rgb(120, 215, 110) !default; |