Kaloyan/prestashop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Subida del módulo y tema de PrestaShop

Browse Source
This commit is contained in:
Kaloyan
2026-04-09 18:31:51 +02:00
parent 12c253296f
commit 16b3ff9424
39262 changed files with 7418797 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

207
admin_o2w/themes/default/scss/modules/_mixins.scss Normal file
View File

@@ -0,0 +1,207 @@
// Avatar
@mixin avatar($size, $radius) {
display: inline-block;
width: $size;
height: $size;
overflow: hidden;
text-align: center;
-webkit-border-radius: $radius;
border-radius: $radius;
img {
width: 100%;
height: 100%;
}
i {
font-size: calc($size / 3 * 2);
line-height: $size;
}
// Breakpoint viewport sizes and media queries.
//
// Breakpoints are defined as a map of (name: minimum width), order from small to large:
//
// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
//
// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
// Name of the next breakpoint, or null for the last breakpoint.
//
// >> breakpoint-next(sm)
// md
// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// md
// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
// md
}
@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
$n: index($breakpoint-names, $name);
@return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
// Minimum breakpoint width. Null for the smallest (first) breakpoint.
//
// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// 576px
}
@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
$min: map-get($breakpoints, $name);
@return if($min != 0, $min, null);
// Maximum breakpoint width. Null for the largest (last) breakpoint.
// The maximum value is calculated as the minimum of the next one less 0.1.
//
// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// 767px
}
@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
$next: breakpoint-next($name, $breakpoints);
@return if($next, breakpoint-min($next, $breakpoints) - 0.0625em, null);
// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
// Useful for making responsive utilities.
//
// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// "" (Returns a blank string)
// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// "-sm"
}
@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
@return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
}
// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
// Makes the @content apply to the given breakpoint and wider.
@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
$min: breakpoint-min($name, $breakpoints);
@if $min {
@media (min-width: $min) {
@content;
}
}@else {
@content;
}
}// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
// Makes the @content apply to the given breakpoint and narrower.
@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
$max: breakpoint-max($name, $breakpoints);
@if $max {
@media (max-width: $max) {
@content;
}
}@else {
@content;
}
}// Media that spans multiple breakpoint widths.
// Makes the @content apply between the min and max breakpoints
@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
@include media-breakpoint-up($lower, $breakpoints) {
@include media-breakpoint-down($upper, $breakpoints) {
@content;
}
// Media between the breakpoint's minimum and maximum widths.
// No minimum for the smallest breakpoint, and no maximum for the largest one.
// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
}
}
@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
@include media-breakpoint-between($name, $name, $breakpoints) {
@content;
}
}
// Bootstrap Mixins Override
// Button variants
//
// Easily pump out default styles, as well as :hover, :focus, :active,
// and disabled options for all buttons
@mixin button-variant($color, $background, $border) {
color: $color;
background-color: $background;
border-color: $border;
&:hover,
&:focus,
&:active,
&.active,
.open > &.dropdown-toggle {
color: $color;
background-color: lighten($background, 10%);
border-color: lighten($border, 10%);
}
&:active,
&.active,
.open > &.dropdown-toggle {
background-image: none;
}
&.disabled,
&[disabled],
fieldset[disabled] & {
&,
&:hover,
&:focus,
&:active,
&.active {
background-color: $background;
border-color: $border;
}
}
.badge {
color: $background;
background-color: $color;
}
}
// Form validation states
//
// Used in forms.less to generate the form validation CSS for warnings, errors,
// and successes.
@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
// Color the label and help text
.help-block,
.control-label,
.radio,
.checkbox,
.radio-inline,
.checkbox-inline,
&.radio label,
&.checkbox label,
&.radio-inline label,
&.checkbox-inline label {
color: $text-color;
label {
color: $text-color;
}
}
// Set the border and box shadow on specific inputs to match
.form-control {
background-color: $background-color;
border-color: $border-color;
&:focus {
border-color: darken($border-color, 10%);
}
}
// Set validation states also for addons
.input-group-addon {
color: $text-color;
background-color: $background-color;
border-color: $border-color;
}
// Optional feedback icon
.form-control-feedback {
color: $text-color;
}
}

355
admin_o2w/themes/default/scss/modules/_variables.scss Normal file
View File

@@ -0,0 +1,355 @@
// PrestaShop Admin Theme Colors
$main-color: map-get($map: $cdk-primary, $key: "primary-800") !default;
$primary-color: map-get($map: $cdk-primary, $key: "primary-800") !default;
$primary-light-color: map-get($map: $cdk-primary, $key: "primary-800") !default;
$secondary-color: map-get($map: $cdk-primary, $key: "primary-800") !default;
$bg-content-color: map-get($map: $cdk-primary, $key: "primary-200") !default;
$contrasted-dark-default: map-get($map: $cdk-primary, $key: "primary-800");
$contrasted-light-default: map-get($map: $cdk-common, $key: "white");
$contrasted-lightness-threshold: 10%;
$font-family-mono: "Open Sans", helvetica, arial, sans-serif;
// FontAwesome icons
$icon-font-family: "FontAwesome";
$fa-css-prefix: icon;
$icon-size-base: 14px;
// Tooltips
$tooltip-opacity: 1;
$tooltip-bg: map-get($map: $cdk-primary, $key: "primary-800");
$tooltip-max-width: 250px;
$tooltip-arrow-width: map-get($map: $cdk-size, $key: "size-8");
$tooltip-arrow-color: $tooltip-bg;
// Popovers
$popover-bg: rgba(map-get($map: $cdk-primary, $key: "primary-800"), 0.9);
$popover-max-width: 250px;
$popover-border-color: rgba(map-get($map: $cdk-primary, $key: "primary-800"), 0.9);
$popover-fallback-border-color: rgba(map-get($map: $cdk-primary, $key: "primary-800"), 0.9);
$popover-title-bg: transparent;
$popover-arrow-width: map-get($map: $cdk-size, $key: "size-10");
$popover-arrow-color: $popover-bg;
$popover-arrow-outer-width: map-get($map: $cdk-size, $key: "size-12");
$popover-arrow-outer-color: transparent;
$popover-arrow-outer-fallback-color: transparent;
// Bootstrap variables
$gray-darker: lighten(#000, 13.5%);
$gray-dark: lighten(#000, 20%);
$gray: lighten(#000, 33.5%);
$gray-light: lighten(#000, 60%);
$gray-lighter: lighten(#000, 93.5%);
$gray-background: #eaebec;
// Cards
$card-border-color: #dbe6e9;
$card-icon-color: #6c868e;
// Brand colors
$brand-primary: $primary-color;
$brand-success: map-get($map: $cdk-green, $key: "green-500");
$brand-warning: map-get($map: $cdk-yellow, $key: "yellow-500");
$brand-danger: map-get($map: $cdk-red, $key: "red-500");
$brand-info: map-get($map: $cdk-blue, $key: "blue-500");
// Alerts
$alert-border-radius: map-get($map: $cdk-size, $key: "size-0");
$alert-success-bg: map-get($map: $cdk-green, $key: "green-50");
$alert-success-text: map-get($map: $cdk-primary, $key: "primary-800");
$alert-success-border: map-get($map: $cdk-green, $key: "green-500");
$alert-info-bg: map-get($map: $cdk-blue, $key: "blue-50");
$alert-info-text: map-get($map: $cdk-primary, $key: "primary-800");
$alert-info-border: map-get($map: $cdk-blue, $key: "blue-500");
$alert-warning-bg: map-get($map: $cdk-yellow, $key: "yellow-50");
$alert-warning-text: map-get($map: $cdk-primary, $key: "primary-800");
$alert-warning-border: map-get($map: $cdk-yellow, $key: "yellow-500");
$alert-danger-bg: map-get($map: $cdk-red, $key: "red-50");
$alert-danger-text: map-get($map: $cdk-primary, $key: "primary-800");
$alert-danger-border: map-get($map: $cdk-red, $key: "red-500");
// Progress bars
$progress-bg: map-get($map: $cdk-primary, $key: "primary-400");
// Breadcrumbs
$breadcrumb-padding-vertical: map-get($map: $cdk-size, $key: "size-5");
$breadcrumb-padding-horizontal: map-get($map: $cdk-size, $key: "size-5");
$breadcrumb-bg: transparent;
$breadcrumb-color: map-get($map: $cdk-primary, $key: "primary-700");
$breadcrumb-active-color: map-get($map: $cdk-primary, $key: "primary-800");
$breadcrumb-separator: ">";
// Thumbnails
$thumbnail-border: map-get($map: $cdk-primary, $key: "primary-400");
$thumbnail-bg: map-get($map: $cdk-common, $key: "white");
$thumbnail-caption-color: map-get($map: $cdk-primary, $key: "primary-800");
$thumbnail-caption-padding: map-get($map: $cdk-size, $key: "size-8");
// Badges
$badge-color: map-get($map: $cdk-common, $key: "white");
$badge-link-hover-color: map-get($map: $cdk-common, $key: "white");
$badge-bg: map-get($map: $cdk-primary, $key: "primary-800");
$badge-active-color: map-get($map: $cdk-primary, $key: "primary-600");
$badge-active-bg: map-get($map: $cdk-common, $key: "white");
$badge-font-weight: 400;
$badge-border-radius: map-get($map: $cdk-size, $key: "size-10");
// Sidebar
$sidebar-menu-color: #bebebe !default;
$sidebar-menu-active-color: #fff !default;
$sidebar-menu-hover-color: #fff !default;
$sidebar-menu-bg-hover-color: #282b30;
// Toolbar
$toolbar-buttons-color: map-get($map: $cdk-blue, $key: "blue-500");
$toolbar-buttons-hover-color: map-get($map: $cdk-blue, $key: "blue-700");
// Scaffolding
$body-bg: $bg-content-color;
$text-color: map-get($map: $cdk-primary, $key: "primary-800");
// Typography
$FontPathOpenSans: "../node_modules/open-sans-fonts/open-sans";
$url-font-content-name: var(--#{$cdk}font-family-primary);
$url-font-headings-name: var(--#{$cdk}font-family-primary);
$font-family-sans-serif: var(--#{$cdk}font-family-primary);
$headings-font-family: var(--#{$cdk}font-family-primary);
$font-size-base: 14px;
$line-height-base: 1.428571429;
$line-height-computed: floor($font-size-base * $line-height-base);
$headings-font-weight: 400;
$font-size-h1: map-get($map: $cdk-size, $key: "size-24");
$font-size-h2: map-get($map: $cdk-size, $key: "size-20");
$font-size-h3: map-get($map: $cdk-size, $key: "size-16");
$font-size-h4: map-get($map: $cdk-size, $key: "size-14");
$font-size-h5: map-get($map: $cdk-size, $key: "size-14");
$font-size-h6: map-get($map: $cdk-size, $key: "size-14");
$headings-font-weight: 700;
$headings-line-height: 1.2;
$headings-color: map-get($map: $cdk-primary, $key: "primary-800");
// Components
$padding-base-vertical: 8px;
$padding-base-horizontal: 16px;
$border-radius-base: map-get($map: $cdk-size, $key: "size-0");
$border-radius-large: map-get($map: $cdk-size, $key: "size-0");
$border-radius-small: map-get($map: $cdk-size, $key: "size-0");
// Tables
$table-bg-accent: map-get($map: $cdk-primary, $key: "primary-300");
$table-bg-hover: map-get($map: $cdk-primary, $key: "primary-400");
$table-border-color: map-get($map: $cdk-primary, $key: "primary-300");
// Buttons
$btn-font-weight: 600;
$btn-default-color: map-get($map: $cdk-primary, $key: "primary-800");
$btn-default-bg: map-get($map: $cdk-common, $key: "white");
$btn-default-border: map-get($map: $cdk-primary, $key: "primary-800");
$btn-primary-color: map-get($map: $cdk-common, $key: "white");
$btn-primary-bg: map-get($map: $cdk-primary, $key: "primary-800");
$btn-primary-border: map-get($map: $cdk-primary, $key: "primary-800");
$btn-primary-active-bg: map-get($map: $cdk-primary, $key: "primary-700");
$btn-secondary-color: map-get($map: $cdk-primary, $key: "primary-800");
$btn-secondary-bg: map-get($map: $cdk-primary, $key: "primary-500");
$btn-secondary-border: map-get($map: $cdk-primary, $key: "primary-500");
$btn-success-color: map-get($map: $cdk-common, $key: "white");
$btn-success-bg: $brand-success;
$btn-success-border: $brand-success;
$btn-info-color: map-get($map: $cdk-common, $key: "white");
$btn-info-bg: $brand-info;
$btn-info-border: $brand-info;
$btn-warning-color: map-get($map: $cdk-common, $key: "white");
$btn-warning-bg: $brand-warning;
$btn-warning-border: $brand-warning;
$btn-danger-color: map-get($map: $cdk-common, $key: "white");
$btn-danger-bg: $brand-danger;
$btn-danger-border: $brand-danger;
$btn-link-disabled-color: map-get($map: $cdk-primary, $key: "primary-500");
// Forms
$input-bg: map-get($map: $cdk-common, $key: "white");
$input-bg-disabled: map-get($map: $cdk-primary, $key: "primary-300");
$input-color: map-get($map: $cdk-primary, $key: "primary-800");
$input-border: map-get($map: $cdk-primary, $key: "primary-400");
$input-border-focus: map-get($map: $cdk-primary, $key: "primary-800");
$input-color-placeholder: map-get($map: $cdk-primary, $key: "primary-500");
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2);
$input-group-addon-bg: map-get($map: $cdk-primary, $key: "primary-200");
$input-focus-background: map-get($map: $cdk-common, $key: "white");
$legend-color: map-get($map: $cdk-primary, $key: "primary-800");
$legend-border-color: map-get($map: $cdk-primary, $key: "primary-400");
// Form states and alerts
$state-success-text: map-get($map: $cdk-green, $key: "green-500");
$state-success-bg: map-get($map: $cdk-green, $key: "green-50");
$state-success-border: map-get($map: $cdk-green, $key: "green-500");
$state-info-text: map-get($map: $cdk-blue, $key: "blue-500");
$state-info-bg: map-get($map: $cdk-blue, $key: "blue-50");
$state-info-border: map-get($map: $cdk-blue, $key: "blue-500");
$state-warning-text: map-get($map: $cdk-yellow, $key: "yellow-500");
$state-warning-bg: map-get($map: $cdk-yellow, $key: "yellow-50");
$state-warning-border: map-get($map: $cdk-yellow, $key: "yellow-500");
$state-danger-text: map-get($map: $cdk-red, $key: "red-500");
$state-danger-bg: map-get($map: $cdk-red, $key: "red-50");
$state-danger-border: map-get($map: $cdk-red, $key: "red-500");
// Dropdowns
$dropdown-border: map-get($map: $cdk-common, $key: "white");
$dropdown-fallback-border: map-get($map: $cdk-common, $key: "white");
$dropdown-divider-bg: map-get($map: $cdk-primary, $key: "primary-400");
$dropdown-link-hover-color: map-get($map: $cdk-primary, $key: "primary-800");
$dropdown-link-hover-bg: map-get($map: $cdk-primary, $key: "primary-200");
$dropdown-link-disabled-color: map-get($map: $cdk-primary, $key: "primary-300");
// Navs
$nav-link-padding: map-get($map: $cdk-size, $key: "size-16") map-get($map: $cdk-size, $key: "size-20");
$nav-link-hover-bg: map-get($map: $cdk-common, $key: "white");
$nav-disabled-link-color: map-get($map: $cdk-primary, $key: "primary-400");
$nav-disabled-link-hover-color: map-get($map: $cdk-primary, $key: "primary-400");
// Tabs
$nav-tabs-border-color: map-get($map: $cdk-primary, $key: "primary-300");
$nav-tabs-link-hover-border-color: map-get($map: $cdk-primary, $key: "primary-300");
$nav-tabs-active-link-hover-bg: map-get($map: $cdk-primary, $key: "primary-200");
$nav-tabs-active-link-hover-color: map-get($map: $cdk-primary, $key: "primary-800");
$nav-tabs-active-link-hover-border-color: map-get($map: $cdk-primary, $key: "primary-200");
$nav-tabs-justified-link-border-color: map-get($map: $cdk-primary, $key: "primary-200");
$nav-tabs-justified-active-link-border-color: map-get($map: $cdk-primary, $key: "primary-400");
// Pills
$nav-pills-active-link-hover-bg: map-get($map: $cdk-primary, $key: "primary-800");
$nav-pills-active-link-hover-color: map-get($map: $cdk-common, $key: "white");
// List group
$list-group-bg: map-get($map: $cdk-common, $key: "white");
$list-group-border: map-get($map: $cdk-primary, $key: "primary-400");
$list-group-hover-bg: map-get($map: $cdk-primary, $key: "primary-200");
$list-group-active-color: map-get($map: $cdk-common, $key: "white");
$list-group-active-bg: map-get($map: $cdk-primary, $key: "primary-800");
$list-group-active-border: map-get($map: $cdk-primary, $key: "primary-200");
$list-group-active-text-color: map-get($map: $cdk-common, $key: "white");
$list-group-disabled-color: map-get($map: $cdk-primary, $key: "primary-500");
$list-group-disabled-bg: map-get($map: $cdk-primary, $key: "primary-200");
$list-group-disabled-text-color: map-get($map: $cdk-primary, $key: "primary-500");
$list-group-link-color: map-get($map: $cdk-primary, $key: "primary-800");
$list-group-link-hover-color: map-get($map: $cdk-primary, $key: "primary-700");
$list-group-link-heading-color: map-get($map: $cdk-primary, $key: "primary-800");
// Panels
$panel-bg: map-get($map: $cdk-common, $key: "white");
$panel-body-padding: map-get($map: $cdk-size, $key: "size-16");
$panel-heading-padding: map-get($map: $cdk-size, $key: "size-16");
$panel-footer-padding: map-get($map: $cdk-size, $key: "size-16");
$panel-default-text: map-get($map: $cdk-primary, $key: "primary-800");
$panel-default-border: map-get($map: $cdk-primary, $key: "primary-400");
$panel-default-heading-bg: map-get($map: $cdk-common, $key: "white");
$panel-inner-border: map-get($map: $cdk-primary, $key: "primary-400");
$panel-footer-bg: map-get($map: $cdk-common, $key: "white");
$panel-primary-text: map-get($map: $cdk-common, $key: "white");
$panel-primary-border: map-get($map: $cdk-primary, $key: "primary-800");
$panel-primary-heading-bg: map-get($map: $cdk-primary, $key: "primary-800");
// Wells
$well-bg: map-get($map: $cdk-primary, $key: "primary-200");
$well-border: map-get($map: $cdk-primary, $key: "primary-400");
// Grid system
$grid-gutter-width: 10px;
// Basics of a navbar
$navbar-height: 52px;
// Media queries breakpoints
// Tiny screen / phone
$screen-tiny: 480px;
$screen-phone: $screen-tiny;
// Small screen / tablet
$screen-small: 768px;
$screen-tablet: $screen-small;
// Medium screen / desktop
$screen-medium: 992px;
$screen-desktop: $screen-medium;
// So media queries don't overlap when required, provide a maximum
$screen-small-max: ($screen-medium - 1);
$screen-tablet-max: $screen-small-max;
// Large screen / wide desktop
$screen-large: 1200px;
$screen-large-desktop: $screen-large;
// Container sizes
// Small screen / tablet
$container-tablet: 728px;
// Medium screen / desktop
$container-desktop: 940px;
// Large screen / wide desktop
$container-large-desktop: 1170px;
// Menu
$gray-dark-menu: map-get($map: $cdk-common, $key: "white");
$sidebar-menu-bg: map-get($map: $cdk-common, $key: "white");
$widthSidebarNav: 210px;
$paddingLeftPageClosed: 4.0625rem;
$paddingLeftMobile: 0.625rem;
$widthSidebarSubmenu: 200px;
$menu-item-size: 34px;
$min-height: 950px;
$gray-dark-link: map-get($map: $cdk-primary, $key: "primary-800");
$gray-dark-link-hover: map-get($map: $cdk-primary, $key: "primary-700");
$size-navbar-width: map-get($map: $cdk-size, $key: "size-208");
$size-navbar-width-mini: map-get($map: $cdk-size, $key: "size-52");
$size-header-height: map-get($map: $cdk-size, $key: "size-52");
$header-mobile-padding-y: map-get($map: $cdk-size, $key: "size-10");
$medium-gray: map-get($map: $cdk-primary, $key: "primary-400");
$gray-medium: map-get($map: $cdk-primary, $key: "primary-400");
$gray-dark-active-menu: map-get($map: $cdk-primary, $key: "primary-200");
$gray-dark-title: map-get($map: $cdk-blue, $key: "blue-500");
// use rems to ensure homogeneity on all zoom scales
$grid-breakpoints: (xs: 0, sm: 34em, md: 48em, lg: 64em, xl: 81.25em);

35
admin_o2w/themes/default/scss/modules/index.php Normal file
View File

@@ -0,0 +1,35 @@
<?php
/**
* Copyright since 2007 PrestaShop SA and Contributors
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.md.
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/OSL-3.0
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to https://devdocs.prestashop.com/ for more information.
*
* @author PrestaShop SA and Contributors <contact@prestashop.com>
* @copyright Since 2007 PrestaShop SA and Contributors
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
*/
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
header("Location: ../");
exit;