NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] theme_treehouse: update the theme

Browse Source 
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.

task-2542281

Part-of: odoo/design-themes#500
This commit is contained in:
Cocographique
2021-06-23 08:59:38 +00:00
committed by qsm-odoo
parent 4946a528fd
commit e18a0ff128
31 changed files with 684 additions and 520 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_treehouse/static/src/img/content/media_list_01.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

theme_treehouse/static/src/img/content/media_list_02.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

theme_treehouse/static/src/img/content/media_list_03.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

theme_treehouse/static/src/img/content/three_columns_01.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 86 KiB

After

Width:  |  Height:  |  Size: 88 KiB

theme_treehouse/static/src/img/content/three_columns_02.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 124 KiB

theme_treehouse/static/src/img/content/three_columns_03.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 110 KiB

theme_treehouse/static/src/js/tour.js
+2 -5
View File
@@ -1,8 +1,6 @@
odoo.define("theme_treehouse.tour.treehouse", function (require) {
"use strict";
/** @odoo-module */
const wTourUtils = require("website.tour_utils");
var tour = require("web_tour.tour");
import wTourUtils from 'website.tour_utils';
const snippets = [
{
@@ -39,4 +37,3 @@ wTourUtils.registerThemeHomepageTour("treehouse_tour", [
wTourUtils.changeBackgroundColor(),
wTourUtils.selectColorPalette(),
]);
});
theme_treehouse/static/src/scss/bootstrap_overridden.scss
Vendored
+15 -12
View File
@@ -3,22 +3,18 @@
//------------------------------------------------------------------------------//
// Body
@if o-website-value('font-number') == 1 {
// Abel
@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-number') == 2 {
// Dosis
@else if o-website-value('font') == 'Dosis' {
$o-theme-font-size-lg-multiplier: (1.25 / 1.125);
}
@else if o-website-value('font-number') == 4 {
// Laila
@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-number') == 6 {
// Poppins
@else if o-website-value('font') == 'Poppins' {
$o-theme-font-weight-bold: 600;
}
@@ -79,8 +75,15 @@ $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;
$card-spacer-y: 1rem !default;
$card-spacer-x: 1.75rem !default;
$card-border-width: 0 !default;
$card-border-radius: $border-radius-lg !default;
// Alerts
$alert-border-width: 0;
// Blockquote
$blockquote-font-size: $o-font-size-base;
theme_treehouse/static/src/scss/primary_variables.scss
+42 -38
View File
@@ -4,7 +4,7 @@
$o-website-values-palettes: (
(
'color-palettes-name': 'treehouse-1',
'color-palettes-name': 'treehouse-1',
// Header
'logo-height': 2.75rem,
@@ -48,7 +48,7 @@ $o-theme-font-configs: (
'Abel': (
'family': ('Abel', sans-serif),
'url': 'Abel:300,300i,400,400i,700,700i',
'properties' : (
'properties': (
'base': (
'font-size-base': (18 / 16) * 1rem,
'header-font-size': (18 / 16) * 1rem,
@@ -58,7 +58,7 @@ $o-theme-font-configs: (
'Dosis': (
'family': ('Dosis', sans-serif),
'url': 'Dosis:300,300i,400,400i,700,700i',
'properties' : (
'properties': (
'base': (
'font-size-base': (18 / 16) * 1rem,
'header-font-size': (18 / 16) * 1rem,
@@ -82,8 +82,8 @@ $o-theme-font-configs: (
'url': 'Poppins:300,300i,400,400i,600,600i',
'properties': (
'base': (
'header-font-size': (14 / 16) * 1rem,
'font-size-base': (14 / 16) * 1rem,
'font-size-base': (15 / 16) * 1rem,
'header-font-size': (15 / 16) * 1rem,
),
)
),
@@ -98,9 +98,6 @@ $o-theme-font-configs: (
$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;
@@ -125,46 +122,46 @@ $o-theme-btn-font-weight: 400;
$o-theme-color-palettes: map-merge($o-theme-color-palettes,
(
'treehouse-1': (
'alpha': #68b581,
'beta': #00a388,
'gamma': #046380,
'delta': #4bb5c1,
'epsilon': #beeb9f,
'alpha': #68b581,
'beta': #00a388,
'gamma': #046380,
'delta': #4bb5c1,
'epsilon': #beeb9f,
),
'treehouse-2': (
'alpha': #a3cc52,
'beta': #cc4452,
'gamma': #8e3557,
'delta': #f7f2b2,
'epsilon': #4a1a2c,
'alpha': #a3cc52,
'beta': #cc4452,
'gamma': #8e3557,
'delta': #f7f2b2,
'epsilon': #4a1a2c,
),
'treehouse-3': (
'alpha': #eebf3e,
'beta': #e2ad3b,
'gamma': #bf5c00,
'delta': #77c4d3,
'epsilon': #901811,
'alpha': #eebf3e,
'beta': #e2ad3b,
'gamma': #bf5c00,
'delta': #77c4d3,
'epsilon': #901811,
),
'treehouse-4': (
'alpha': #0092b2,
'beta': #046380,
'gamma': #a8c545,
'delta': #fff6c5,
'epsilon': #ffd55c,
'alpha': #0092b2,
'beta': #046380,
'gamma': #a8c545,
'delta': #fff6c5,
'epsilon': #ffd55c,
),
'treehouse-5': (
'alpha': #dd7e43,
'beta': #d45c45,
'gamma': #911146,
'delta': #9cc264,
'epsilon': #306e73,
'alpha': #dd7e43,
'beta': #d45c45,
'gamma': #911146,
'delta': #9cc264,
'epsilon': #306e73,
),
'treehouse-6': (
'alpha': #b7ca79,
'beta': #677e52,
'gamma': #b0cc99,
'delta': #89725b,
'epsilon': #f6e8b1,
'alpha': #b7ca79,
'beta': #677e52,
'gamma': #b0cc99,
'delta': #89725b,
'epsilon': #f6e8b1,
),
)
);
@@ -196,3 +193,10 @@ $o-color-palettes-compatibility-indexes: (
22: 'generic-16',
23: 'generic-17',
);
//------------------------------------------------------------------------------
// Shapes
//------------------------------------------------------------------------------
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Rainy/08_001', (1: 1, 4: 1));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Floats/12', (1: 2, 2: 2, 3: 2, 5: 2));