You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
99 lines
3.5 KiB
99 lines
3.5 KiB
odoo.define('backend_theme_infinito.variables', function (require) {
|
|
"use strict";
|
|
|
|
var variables = {
|
|
"--bg_white": [1, 1],
|
|
"--bg_black": [5, 1],
|
|
"--bg_grey": [1, 20],
|
|
"--bg_grey_white": [1, 10],
|
|
"--dark_bg_grey": [1, 30],
|
|
"--light_bg_color": [1, 12],
|
|
"--nav_bar_color": [5, 20],
|
|
"--nav_font_color": [1, 1],
|
|
"--primary_accent": [2, 20],
|
|
"--primary_hover": [2, 10],
|
|
"--primary_btn_hover": [2, 10],
|
|
"--primary_btn_hover_border": [2, 1],
|
|
"--dark_primary_accent": [2, 10],
|
|
"--darker_primary_accent": [2, 1],
|
|
"--light_primary_accent": [2, 30],
|
|
"--lighter_primary_accent": [1, 15],
|
|
"--secondary_accent": [3, 1],
|
|
"--secondary_color": [3, 10],
|
|
"--secondary_btn": [3, 15],
|
|
"--secondary_btn_hover": [3, 20],
|
|
"--secondary_btn_hover_border": [3, 25],
|
|
"--dark_secondary_btn_hover_border": [3, 30],
|
|
"--light_secondary_btn": [1, 15],
|
|
"--custom_green": [2, 30],
|
|
"--success-color": [2, 5],
|
|
"--dark_success-color": [1, 35],
|
|
"--success-bg-color": [1, 30],
|
|
"--light_custom_green": [2, 40],
|
|
"--custom_red": [4, 10],
|
|
"--custom_red_hover": [4, 20],
|
|
"--custom_red_hover_border": [4, 18],
|
|
"--dark_custom_red_hover_border": [4, 13],
|
|
"--danger-bg-color": [1, 5],
|
|
"--danger-color": [4, 1],
|
|
"--dark_danger-color": [1, 5],
|
|
"--custom_rose": [4, 25],
|
|
"--bg_blue": [2, 40],
|
|
"--bg_blue_hover": [2, 45],
|
|
"--dark_bg_blue_hover": [2, 50],
|
|
"--info_color": [2, 55],
|
|
"--info-color": [2, 35],
|
|
"--info-bg-color": [1, 25],
|
|
"--dark_info-color": [1, 20],
|
|
"--warning-bg-color": [1, 5],
|
|
"--warning-color": [5, 1],
|
|
"--bg_yellow": [5, 10],
|
|
"--bg_yellow_hover": [5, 80],
|
|
"--dark_bg_yellow_hover": [5, 80],
|
|
"--dark_warning-color": [1, 5],
|
|
}
|
|
|
|
let colors = [
|
|
['F9F9F8', 'E29E51', '94B1B3', '9A6B59', '2A373D'],
|
|
['F4F6F6', '7D807E', '9DACC2', '738093', '34383A'],
|
|
['EEF1F0', 'AFA378', '82AAAE', '937D54', '3D604C'],
|
|
['FBF9F8', 'A9A3C0', '7BB3D5', '31A7DD', '242E4D'],
|
|
['fefefe', 'EEE2DC', 'BAB2B5', '123C69', 'AC3B61'],
|
|
['fefefe', '116466', 'D9B08C', 'FFCB9A', 'D1E8E2'],
|
|
['EFE9E7', '997C55', 'C39247', '93391E', '121213'],
|
|
['EDECE7', '98A1AD', 'F35256', 'C69182', '252029'],
|
|
['fefefe', 'D1D2CD', '9D8FB9', 'BEBFE8', '385EA9'],
|
|
['F3F0F0', '797075', '986351', '7B4E46', '2C2B30'],
|
|
['F9F8F8', '93BBB8', '2BA699', 'A59D4E', '335A43'],
|
|
]
|
|
|
|
function to_color(cwith2, aaa) {
|
|
var p1_x = Math.round(aaa * 255 / 100);
|
|
var p2_x = Math.round(aaa * 255 / 100);
|
|
var p3_x = Math.round(aaa * 255 / 100);
|
|
var r = parseInt(cwith2.substring(0,2), 16);
|
|
var g = parseInt(cwith2.substring(2,4), 16);
|
|
var b = parseInt(cwith2.substring(4,6), 16);
|
|
var r_r = Math.abs(r - p1_x);
|
|
var r_g = Math.abs(g - p2_x);
|
|
var r_b = Math.abs(b - p3_x);
|
|
var result = rgbToHex(r_r, r_g, r_b)
|
|
return result;
|
|
}
|
|
|
|
function componentToHex(c) {
|
|
var hex = c.toString(16);
|
|
return hex.length == 1 ? "0" + hex : hex;
|
|
}
|
|
|
|
function rgbToHex(r, g, b) {
|
|
return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
|
|
}
|
|
|
|
return {
|
|
variables: variables,
|
|
colors: colors,
|
|
to_color: to_color,
|
|
}
|
|
|
|
});
|