[ADD] theme 14.0
Jeremy Kersten
|
After Width: | Height: | Size: 176 KiB |
|
After Width: | Height: | Size: 324 KiB |
|
After Width: | Height: | Size: 120 KiB |
|
After Width: | Height: | Size: 107 KiB |
|
After Width: | Height: | Size: 176 KiB |
|
After Width: | Height: | Size: 137 KiB |
|
After Width: | Height: | Size: 160 KiB |
|
After Width: | Height: | Size: 224 KiB |
|
After Width: | Height: | Size: 182 KiB |
|
After Width: | Height: | Size: 292 KiB |
|
After Width: | Height: | Size: 181 KiB |
|
After Width: | Height: | Size: 227 KiB |
|
After Width: | Height: | Size: 114 KiB |
|
After Width: | Height: | Size: 200 KiB |
|
After Width: | Height: | Size: 256 KiB |
|
After Width: | Height: | Size: 259 KiB |
|
After Width: | Height: | Size: 180 KiB |
|
After Width: | Height: | Size: 167 KiB |
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
|
||||
<rect y="2" fill="#FFFFFF" width="10" height="4"/>
|
||||
<rect y="8" fill="#FFFFFF" width="10" height="1"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 582 B |
@@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 19 14" width="19" height="14" enable-background="new 0 0 19 14" xml:space="preserve" preserveAspectRatio="none slice">
|
||||
<g id="Layer_2">
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M0,0c4,0,6.5,5.9,9.5,5.9S15,0,19,0v7H0V0z"/>
|
||||
<path fill="#FFFFFF" d="M19,14c-4,0-6.5-5.9-9.5-5.9S4,14,0,14l0-7h19V14z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 669 B |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 253 KiB |
|
After Width: | Height: | Size: 115 KiB |
|
After Width: | Height: | Size: 154 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 150 KiB |
|
After Width: | Height: | Size: 272 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 292 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 74 KiB |
|
After Width: | Height: | Size: 591 B |
|
After Width: | Height: | Size: 115 KiB |
@@ -0,0 +1,48 @@
|
||||
odoo.define("theme_bistro.tour.bistro", function (require) {
|
||||
"use strict";
|
||||
|
||||
const wTourUtils = require("website.tour_utils");
|
||||
var tour = require("web_tour.tour");
|
||||
|
||||
const snippets = [
|
||||
{
|
||||
id: 's_cover',
|
||||
name: 'Cover',
|
||||
},
|
||||
{
|
||||
id: 's_features',
|
||||
name: 'Features',
|
||||
},
|
||||
{
|
||||
id: 's_picture',
|
||||
name: 'Picture',
|
||||
},
|
||||
{
|
||||
id: 's_product_catalog',
|
||||
name: 'Pricelist',
|
||||
},
|
||||
{
|
||||
id: 's_text_block',
|
||||
name: 'Text',
|
||||
},
|
||||
{
|
||||
id: 's_quotes_carousel',
|
||||
name: 'Quotes',
|
||||
},
|
||||
];
|
||||
|
||||
wTourUtils.registerThemeHomepageTour("bistro_tour", [
|
||||
wTourUtils.dragNDrop(snippets[0]),
|
||||
wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
|
||||
wTourUtils.goBackToBlocks(),
|
||||
wTourUtils.dragNDrop(snippets[1]),
|
||||
wTourUtils.dragNDrop(snippets[2]),
|
||||
wTourUtils.dragNDrop(snippets[3]),
|
||||
wTourUtils.dragNDrop(snippets[4]),
|
||||
wTourUtils.dragNDrop(snippets[5]),
|
||||
wTourUtils.clickOnSnippet(snippets[5], 'top'),
|
||||
wTourUtils.changeBackgroundColor(),
|
||||
wTourUtils.selectColorPalette(),
|
||||
wTourUtils.clickOnSave(),
|
||||
]);
|
||||
});
|
||||
@@ -0,0 +1,80 @@
|
||||
//------------------------------------------------------------------------------//
|
||||
// TODO ideally this should be done in primary variables if it was possible.
|
||||
//------------------------------------------------------------------------------//
|
||||
|
||||
@if o-website-value('font') == 'Abel' {
|
||||
$o-theme-font-size-lg-multiplier: (1.25 / 1.125);
|
||||
$o-theme-font-size-sm-multiplier: (1 / 1.125);
|
||||
}
|
||||
@else if o-website-value('font') == 'Dosis' {
|
||||
$o-theme-font-size-lg-multiplier: (1.25 / 1.125);
|
||||
}
|
||||
@else if o-website-value('font') == 'Laila' {
|
||||
$o-theme-font-weight-normal: 300;
|
||||
$o-theme-font-weight-bold: 600;
|
||||
}
|
||||
@else if o-website-value('font') == 'Poppins' {
|
||||
$o-theme-font-weight-bold: 600;
|
||||
}
|
||||
|
||||
//------------------------------------------------------------------------------//
|
||||
// Bootstrap
|
||||
//------------------------------------------------------------------------------//
|
||||
|
||||
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
|
||||
$yiq-contrasted-threshold: 200 !default;
|
||||
|
||||
// Options
|
||||
//
|
||||
// Quickly modify global styling by enabling or disabling optional features.
|
||||
|
||||
$enable-shadows: true;
|
||||
|
||||
// Spacing
|
||||
//
|
||||
// Control the default styling of most Bootstrap elements by modifying these
|
||||
// variables. Mostly focused on spacing.
|
||||
// You can add more entries to the $spacers map, should you need more variation.
|
||||
|
||||
$spacer: 1.25rem !default;
|
||||
|
||||
// Components
|
||||
//
|
||||
// Define common padding and border radius sizes and more.
|
||||
|
||||
$border-radius: .375rem !default;
|
||||
$border-radius-lg: .5rem !default;
|
||||
$border-radius-sm: .25rem !default;
|
||||
|
||||
// Typography
|
||||
//
|
||||
// Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
$font-size-lg: o-website-value('font-size-base') * $o-theme-font-size-lg-multiplier !default;
|
||||
$font-size-sm: o-website-value('font-size-base') * $o-theme-font-size-sm-multiplier !default;
|
||||
|
||||
$font-weight-light: $o-theme-font-weight-light !default;
|
||||
$font-weight-normal: $o-theme-font-weight-normal !default;
|
||||
$font-weight-bold: $o-theme-font-weight-bold !default;
|
||||
|
||||
$headings-font-weight: $o-theme-headings-font-weight !default;
|
||||
|
||||
// Buttons + Forms
|
||||
//
|
||||
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
||||
|
||||
$input-btn-focus-width: 0 !default;
|
||||
$input-focus-border-color: o-color('primary') !default;
|
||||
|
||||
$btn-font-weight: 400 !default;
|
||||
$btn-box-shadow: none !default;
|
||||
|
||||
$input-color: o-color('o-cc1-text') !default;
|
||||
$input-placeholder-color: o-color('500') !default;
|
||||
|
||||
// Cards
|
||||
|
||||
$card-spacer-y: 1rem !default;
|
||||
$card-spacer-x: 1.75rem !default;
|
||||
$card-border-width: 0 !default;
|
||||
$card-border-radius: $border-radius-lg !default;
|
||||
@@ -0,0 +1,283 @@
|
||||
//------------------------------------------------------------------------------//
|
||||
// Presets
|
||||
//------------------------------------------------------------------------------//
|
||||
|
||||
$o-website-values-palettes: (
|
||||
(
|
||||
// Header
|
||||
'header-template': 'vertical',
|
||||
'hambuger-type': 'off-canvas',
|
||||
'hamburger-position': 'right',
|
||||
'logo-height': 3rem,
|
||||
'fixed-logo-height': 2rem,
|
||||
|
||||
// Font
|
||||
'font': 'Poppins',
|
||||
'headings-font': 'Poppins',
|
||||
'navbar-font': 'Poppins',
|
||||
'buttons-font': 'Poppins',
|
||||
|
||||
// Buttons
|
||||
'btn-padding-y': .45rem,
|
||||
'btn-padding-x': 1.35rem,
|
||||
'btn-padding-y-sm': .3rem,
|
||||
'btn-padding-x-sm': .9rem,
|
||||
'btn-padding-y-lg': .6rem,
|
||||
'btn-padding-x-lg': 1.8rem,
|
||||
'btn-border-radius': 10rem,
|
||||
'btn-border-radius-sm': 10rem,
|
||||
'btn-border-radius-lg': 10rem,
|
||||
'btn-ripple': true,
|
||||
|
||||
'input-padding-y': .45rem,
|
||||
'input-padding-y-sm': .3rem,
|
||||
'input-padding-y-lg': .6rem,
|
||||
|
||||
// Footer
|
||||
'footer-template': 'centered',
|
||||
'footer-effect': 'slideout_slide_hover',
|
||||
'footer-scrolltop': true,
|
||||
),
|
||||
);
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Fonts
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-theme-font-configs: (
|
||||
'Abel': (
|
||||
'family': ('Abel', sans-serif),
|
||||
'url': 'Abel:300,300i,400,400i,700,700i',
|
||||
'properties' : (
|
||||
'base': (
|
||||
'font-size-base': (18 / 16) * 1rem,
|
||||
'header-font-size': (18 / 16) * 1rem,
|
||||
),
|
||||
)
|
||||
),
|
||||
'Dosis': (
|
||||
'family': ('Dosis', sans-serif),
|
||||
'url': 'Dosis:300,300i,400,400i,700,700i',
|
||||
'properties' : (
|
||||
'base': (
|
||||
'font-size-base': (18 / 16) * 1rem,
|
||||
'header-font-size': (18 / 16) * 1rem,
|
||||
),
|
||||
)
|
||||
),
|
||||
'Karla': (
|
||||
'family': ('Karla', sans-serif),
|
||||
'url': 'Karla:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Laila': (
|
||||
'family': ('Laila', serif),
|
||||
'url': 'Laila:300,300i,400,400i,600,600i',
|
||||
),
|
||||
'Lato': (
|
||||
'family': ('Lato', sans-serif),
|
||||
'url': 'Lato:300,300i,400,400i,700,700i',
|
||||
),
|
||||
'Poppins': (
|
||||
'family': ('Poppins', sans-serif),
|
||||
'url': 'Poppins:300,300i,400,400i,600,600i',
|
||||
'properties': (
|
||||
'base': (
|
||||
'header-font-size': (15 / 16) * 1rem,
|
||||
'font-size-base': (15 / 16) * 1rem,
|
||||
),
|
||||
)
|
||||
),
|
||||
'Raleway': (
|
||||
'family': ('Raleway', sans-serif),
|
||||
'url': 'Raleway:300,300i,400,400i,700,700i',
|
||||
),
|
||||
);
|
||||
|
||||
// Headings
|
||||
|
||||
$o-theme-h1-font-size-multiplier: 3;
|
||||
$o-theme-h2-font-size-multiplier: 2.5;
|
||||
$o-theme-h3-font-size-multiplier: 2;
|
||||
$o-theme-h4-font-size-multiplier: 1.75;
|
||||
$o-theme-h5-font-size-multiplier: 1.5;
|
||||
$o-theme-h6-font-size-multiplier: 1.25;
|
||||
|
||||
$o-theme-headings-font-weight: 400;
|
||||
|
||||
// Texts
|
||||
|
||||
$o-theme-font-size-lg-multiplier: 1.25;
|
||||
$o-theme-font-size-sm-multiplier: .875;
|
||||
|
||||
$o-theme-font-weight-light: 300;
|
||||
$o-theme-font-weight-normal: 400;
|
||||
$o-theme-font-weight-bold: 700;
|
||||
|
||||
// Buttons
|
||||
|
||||
$o-theme-btn-font-weight: 400;
|
||||
|
||||
//------------------------------------------------------------------------------//
|
||||
// Colors
|
||||
//------------------------------------------------------------------------------//
|
||||
|
||||
$o-color-palette-number: 5;
|
||||
$o-color-palettes: (
|
||||
( // Palette 1
|
||||
'o-color-1': #68b581,
|
||||
'o-color-2': #046380,
|
||||
'o-color-3': #e8e6d1,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #1d2127,
|
||||
|
||||
'o-cc1-text': 'o-color-5',
|
||||
|
||||
'menu': 1,
|
||||
'footer': 5,
|
||||
'copyright': 4,
|
||||
),
|
||||
( // Palette 2
|
||||
'o-color-1': #8cc850,
|
||||
'o-color-2': #cc4452,
|
||||
'o-color-3': #f6f4e1,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #4c4545,
|
||||
|
||||
'o-cc1-text': 'o-color-5',
|
||||
'o-cc3-link': 'o-color-4',
|
||||
'o-cc4-link': 'o-color-4',
|
||||
'o-cc5-btn-secondary': 'o-color-2',
|
||||
|
||||
'menu': 5,
|
||||
'footer': 5,
|
||||
'copyright': 4,
|
||||
),
|
||||
( // Palette 3
|
||||
'o-color-1': #e2ad3b,
|
||||
'o-color-2': #1a2a41,
|
||||
'o-color-3': #f2ebd5,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #d26400,
|
||||
|
||||
'o-cc1-text': 'o-color-2',
|
||||
'o-cc2-headings': 'o-color-2',
|
||||
'o-cc2-link': 'o-color-2',
|
||||
'o-cc3-headings': 'o-color-3',
|
||||
'o-cc5-link': 'o-color-3',
|
||||
|
||||
'menu': 3,
|
||||
'footer': 3,
|
||||
'copyright': 4,
|
||||
),
|
||||
( // Palette 4
|
||||
'o-color-1': #0092b2,
|
||||
'o-color-2': #046380,
|
||||
'o-color-3': #f2ebd5,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #a8c545,
|
||||
|
||||
'o-cc1-text': #002737,
|
||||
'o-cc2-headings': 'o-color-2',
|
||||
'o-cc3-headings': 'o-color-3',
|
||||
'o-cc3-link': 'o-color-3',
|
||||
'o-cc4-link': 'o-color-3',
|
||||
'o-cc4-btn-primary': 'o-color-3',
|
||||
'o-cc4-btn-secondary': 'o-color-2',
|
||||
'o-cc5-link': 'o-color-2',
|
||||
'o-cc5-btn-secondary': 'o-color-2',
|
||||
|
||||
'preheader': 4,
|
||||
'menu': 1,
|
||||
'footer': 3,
|
||||
'copyright': 4,
|
||||
),
|
||||
( // Palette 5
|
||||
'o-color-1': #dd7e43,
|
||||
'o-color-2': #658791,
|
||||
'o-color-3': #9cc264,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #2b2d33,
|
||||
|
||||
'o-cc1-text': 'o-color-5',
|
||||
'o-cc2-headings': 'o-color-4',
|
||||
'o-cc2-btn-primary': 'o-color-4',
|
||||
'o-cc2-link': 'o-color-4',
|
||||
'o-cc3-btn-primary': 'o-color-4',
|
||||
'o-cc3-btn-secondary': 'o-color-5',
|
||||
'o-cc3-link': 'o-color-4',
|
||||
'o-cc4-btn-primary': 'o-color-4',
|
||||
'o-cc4-btn-secondary': 'o-color-5',
|
||||
'o-cc4-link': 'o-color-4',
|
||||
'o-cc5-btn-secondary': 'o-color-2',
|
||||
'o-cc5-link': 'o-color-1',
|
||||
|
||||
'preheader': 4,
|
||||
'menu': 5,
|
||||
'footer': 5,
|
||||
'copyright': 4,
|
||||
),
|
||||
( // Palette 6
|
||||
'o-color-1': #92b475,
|
||||
'o-color-2': #8c7d77,
|
||||
'o-color-3': #efefed,
|
||||
'o-color-4': #ffffff,
|
||||
'o-color-5': #011a33,
|
||||
|
||||
'o-cc1-text': 'o-color-5',
|
||||
'o-cc3-link': 'o-color-4',
|
||||
'o-cc3-btn-secondary': 'o-color-4',
|
||||
'o-cc4-link': 'o-color-4',
|
||||
'o-cc4-btn-secondary': 'o-color-4',
|
||||
'o-cc5-btn-secondary': 'o-color-4',
|
||||
|
||||
'menu': 2,
|
||||
'footer': 5,
|
||||
'copyright': 4,
|
||||
),
|
||||
);
|
||||
|
||||
// Compatibility
|
||||
$o-theme-color-palettes: (
|
||||
(
|
||||
'alpha': #68b581,
|
||||
'beta': #00a388,
|
||||
'gamma': #046380,
|
||||
'delta': #4bb5c1,
|
||||
'epsilon': #beeb9f,
|
||||
),
|
||||
(
|
||||
'alpha': #a3cc52,
|
||||
'beta': #cc4452,
|
||||
'gamma': #8e3557,
|
||||
'delta': #f7f2b2,
|
||||
'epsilon': #4a1a2c,
|
||||
),
|
||||
(
|
||||
'alpha': #eebf3e,
|
||||
'beta': #e2ad3b,
|
||||
'gamma': #bf5c00,
|
||||
'delta': #77c4d3,
|
||||
'epsilon': #901811,
|
||||
),
|
||||
(
|
||||
'alpha': #0092b2,
|
||||
'beta': #046380,
|
||||
'gamma': #a8c545,
|
||||
'delta': #fff6c5,
|
||||
'epsilon': #ffd55c,
|
||||
),
|
||||
(
|
||||
'alpha': #dd7e43,
|
||||
'beta': #d45c45,
|
||||
'gamma': #911146,
|
||||
'delta': #9cc264,
|
||||
'epsilon': #306e73,
|
||||
),
|
||||
(
|
||||
'alpha': #b7ca79,
|
||||
'beta': #677e52,
|
||||
'gamma': #b0cc99,
|
||||
'delta': #89725b,
|
||||
'epsilon': #f6e8b1,
|
||||
),
|
||||
);
|
||||