github.com/manicqin/nomad@v0.9.5/ui/app/components/freestyle/sg-colors.js (about)

     1  import Component from '@ember/component';
     2  import { computed } from '@ember/object';
     3  
     4  export default Component.extend({
     5    nomadTheme: computed(() => [
     6      {
     7        name: 'Primary',
     8        base: '#25ba81',
     9      },
    10      {
    11        name: 'Primary Dark',
    12        base: '#1d9467',
    13      },
    14      {
    15        name: 'Text',
    16        base: '#0a0a0a',
    17      },
    18      {
    19        name: 'Link',
    20        base: '#1563ff',
    21      },
    22      {
    23        name: 'Gray',
    24        base: '#bbc4d1',
    25      },
    26      {
    27        name: 'Off-white',
    28        base: '#f5f5f5',
    29      },
    30    ]),
    31  
    32    productColors: computed(() => [
    33      {
    34        name: 'Consul Pink',
    35        base: '#ff0087',
    36      },
    37      {
    38        name: 'Consul Pink Dark',
    39        base: '#c62a71',
    40      },
    41      {
    42        name: 'Packer Blue',
    43        base: '#1daeff',
    44      },
    45      {
    46        name: 'Packer Blue Dark',
    47        base: '#1d94dd',
    48      },
    49      {
    50        name: 'Terraform Purple',
    51        base: '#5c4ee5',
    52      },
    53      {
    54        name: 'Terraform Purple Dark',
    55        base: '#4040b2',
    56      },
    57      {
    58        name: 'Vagrant Blue',
    59        base: '#1563ff',
    60      },
    61      {
    62        name: 'Vagrant Blue Dark',
    63        base: '#104eb2',
    64      },
    65      {
    66        name: 'Nomad Green',
    67        base: '#25ba81',
    68      },
    69      {
    70        name: 'Nomad Green Dark',
    71        base: '#1d9467',
    72      },
    73      {
    74        name: 'Nomad Green Darker',
    75        base: '#16704d',
    76      },
    77    ]),
    78  
    79    emotiveColors: computed(() => [
    80      {
    81        name: 'Success',
    82        base: '#23d160',
    83      },
    84      {
    85        name: 'Warning',
    86        base: '#fa8e23',
    87      },
    88      {
    89        name: 'Danger',
    90        base: '#c84034',
    91      },
    92      {
    93        name: 'Info',
    94        base: '#1563ff',
    95      },
    96    ]),
    97  });