美文网首页SAP
SAP Spartacus 自定义 theme 实现思路

SAP Spartacus 自定义 theme 实现思路

作者: _扫地僧_ | 来源:发表于2022-04-13 10:10 被阅读0次

    StackOverflow 讨论](https://stackoverflow.com/questions/67158490/spartacus-storefront-custom-theme-examples-changing-colors-and-bootstrap-variab))

    一个例子

    
    /* You can add global styles to this file, and also import other style files */
    
    $styleVersion: 3.2;
    
    // change theme-colors here
    
    $primary: #38a8ae !default;
    
    $secondary: #148181 !default;
    
    $success: #5dac06 !default;
    
    $danger: #e51f34 !default;
    
    $warning: #ffc107 !default;
    
    $info: #17a2b8 !default;
    
    $light: #d3d6db !default;
    
    $dark: #161C23 !default;
    
    $background: #f4f4f4 !default;
    
    $inverse: #ffffff !default;
    
    $text: #000000 !default;
    
    $transparent: transparent !default;
    
    $visual-focus: #6d9df7 !default;
    
    $background-focus: rgba(80, 176, 244, 0.1);
    
    $theme-colors: (
    
    'primary': $primary,
    
    'secondary': $secondary,
    
    'success': $success,
    
    'danger': $danger,
    
    'warning': $warning,
    
    'info': $info,
    
    'light': $light,
    
    'dark': $dark,
    
    'background': $background,
    
    'inverse': $inverse,
    
    'text': $text,
    
    'transparent': $transparent,
    
    'visual-focus': $visual-focus,
    
    'background-focus': $background-focus,
    
    );
    
    @import '~@spartacus/styles/index';
    
    

    需要添加变量 $theme-colors,赋以自定义颜色值。

    I needed to add the variable with the updated colours.

    相关文章

      网友评论

        本文标题:SAP Spartacus 自定义 theme 实现思路

        本文链接:https://www.haomeiwen.com/subject/trsrsrtx.html