<mat-toolbar>有多少种颜色

时间:2019-04-02 12:03:02

标签: angular-material

我想更改我的颜色,但目前有棱角的材质仅向我提供3种不同的颜色“主色”,“重音”或“警告”。

在哪里可以找到支持棱角材料的其他颜色?

#include <iostream>

using namespace std;

int main()
{
    const int NumA = 8;
    const int NumB = 11;

    int a[NumA] = { 0, 1, 0, 1, 1, 0, 0, 1 };
    int b[NumB] = { 0, 0, 1, 1, 0, 0, 1, 0, 0, 0, 1 };

    int a2b[NumB]; // a stretched to size of b

    // factor to calculate a 'stretched a' index in a2b
    double factor = NumB / (double)NumA;
    int lastIndex = 0;

    for (int i = 0; i < NumA; i++)
    {
        int index0 = (int)(i * factor); // where the next value is stored
        int index1 = (int)((i+1) * factor); // 'stretch' the value up to here
        for (int j = index0; j < index1; j++)
        {
            a2b[j] = a[i];
            lastIndex = j;
        }
    }
    for (++lastIndex; lastIndex < NumB; lastIndex++)
    {
        // fill last value gap, if any, due to float truncation
        a2b[lastIndex] = a[NumA - 1];
    }

    for (int i = 0; i < NumB; i++)
        std::cout << a2b[i] << " ";

    std::cout << endl;
}

2 个答案:

答案 0 :(得分:1)

颜色取决于您选择的主题。

在下面的链接中,您具有主要 重音警告

Angular mat-toolbar Theming

答案 1 :(得分:0)

这是靛蓝/粉红色主题的 .underline()

enter image description here

这是靛蓝/粉红色主题的 Text

enter image description here

这是靛蓝/粉红色主题的 <mat-toolbar color="primary">

enter image description here

这是深紫色/琥珀色主题的 <mat-toolbar color="accent">

enter image description here

这是深紫色/琥珀色主题的 <mat-toolbar color="warn">

enter image description here

这是深紫色/琥珀色主题的 <mat-toolbar color="primary">

enter image description here

这是粉红色/蓝灰色主题的 <mat-toolbar color="accent">

enter image description here

这是粉红色/蓝灰色主题的 <mat-toolbar color="warn">

enter image description here

这是粉红色/蓝灰色主题的 <mat-toolbar color="primary">

enter image description here

这是紫色/绿色主题的<mat-toolbar color="accent">

enter image description here

这是紫色/绿色主题的<mat-toolbar color="warn">

enter image description here

这是紫色/绿色主题的<mat-toolbar color="primary">

enter image description here