github.com/turbot/steampipe@v1.7.0-rc.0.0.20240517123944-7cef272d4458/ui/dashboard/src/components/dashboards/charts/Chart/themes/light.ts (about)

     1  const lightTheme = (colors) => ({
     2    color: colors,
     3    backgroundColor: "rgba(255,255,255,0)",
     4    textStyle: {},
     5    title: {
     6      textStyle: {
     7        color: "#181717",
     8      },
     9      subtextStyle: {
    10        color: "#999999",
    11      },
    12    },
    13    line: {
    14      itemStyle: {
    15        borderWidth: "2",
    16      },
    17      lineStyle: {
    18        width: "3",
    19      },
    20      symbolSize: "8",
    21      symbol: "emptyCircle",
    22      smooth: false,
    23    },
    24    radar: {
    25      itemStyle: {
    26        borderWidth: "2",
    27      },
    28      lineStyle: {
    29        width: "3",
    30      },
    31      symbolSize: "8",
    32      symbol: "emptyCircle",
    33      smooth: false,
    34    },
    35    bar: {
    36      itemStyle: {
    37        barBorderWidth: 0,
    38        barBorderColor: "#ccc",
    39      },
    40    },
    41    pie: {
    42      itemStyle: {
    43        borderWidth: 0,
    44        borderColor: "#ccc",
    45      },
    46    },
    47    scatter: {
    48      itemStyle: {
    49        borderWidth: 0,
    50        borderColor: "#ccc",
    51      },
    52    },
    53    boxplot: {
    54      itemStyle: {
    55        borderWidth: 0,
    56        borderColor: "#ccc",
    57      },
    58    },
    59    parallel: {
    60      itemStyle: {
    61        borderWidth: 0,
    62        borderColor: "#ccc",
    63      },
    64    },
    65    sankey: {
    66      itemStyle: {
    67        borderWidth: 0,
    68        borderColor: "#ccc",
    69      },
    70    },
    71    funnel: {
    72      itemStyle: {
    73        borderWidth: 0,
    74        borderColor: "#ccc",
    75      },
    76    },
    77    gauge: {
    78      itemStyle: {
    79        borderWidth: 0,
    80        borderColor: "#ccc",
    81      },
    82    },
    83    candlestick: {
    84      itemStyle: {
    85        color: "#e6a0d2",
    86        color0: "transparent",
    87        borderColor: "#e6a0d2",
    88        borderColor0: "#3fb1e3",
    89        borderWidth: "2",
    90      },
    91    },
    92    graph: {
    93      itemStyle: {
    94        borderWidth: 0,
    95        borderColor: "#ccc",
    96      },
    97      lineStyle: {
    98        width: "1",
    99        color: "#cccccc",
   100      },
   101      symbolSize: "8",
   102      symbol: "emptyCircle",
   103      smooth: false,
   104      color: ["#3fb1e3", "#6be6c1", "#626c91", "#a0a7e6", "#c4ebad", "#96dee8"],
   105      label: {
   106        color: "#ffffff",
   107      },
   108    },
   109    map: {
   110      itemStyle: {
   111        normal: {
   112          areaColor: "#eeeeee",
   113          borderColor: "#aaaaaa",
   114          borderWidth: 0.5,
   115        },
   116        emphasis: {
   117          areaColor: "rgba(63,177,227,0.25)",
   118          borderColor: "#3fb1e3",
   119          borderWidth: 1,
   120        },
   121      },
   122      label: {
   123        normal: {
   124          textStyle: {
   125            color: "#ffffff",
   126          },
   127        },
   128        emphasis: {
   129          textStyle: {
   130            color: "#3fb1e3",
   131          },
   132        },
   133      },
   134    },
   135    geo: {
   136      itemStyle: {
   137        normal: {
   138          areaColor: "#eeeeee",
   139          borderColor: "#aaaaaa",
   140          borderWidth: 0.5,
   141        },
   142        emphasis: {
   143          areaColor: "rgba(63,177,227,0.25)",
   144          borderColor: "#3fb1e3",
   145          borderWidth: 1,
   146        },
   147      },
   148      label: {
   149        normal: {
   150          textStyle: {
   151            color: "#ffffff",
   152          },
   153        },
   154        emphasis: {
   155          textStyle: {
   156            color: "#3fb1e3",
   157          },
   158        },
   159      },
   160    },
   161    categoryAxis: {
   162      axisLine: {
   163        show: true,
   164        lineStyle: {
   165          color: "#cccccc",
   166        },
   167      },
   168      axisTick: {
   169        show: false,
   170        lineStyle: {
   171          color: "#333",
   172        },
   173      },
   174      axisLabel: {
   175        show: true,
   176        textStyle: {
   177          color: "#999999",
   178        },
   179      },
   180      splitLine: {
   181        show: true,
   182        lineStyle: {
   183          color: ["#eeeeee"],
   184        },
   185      },
   186      splitArea: {
   187        show: false,
   188        areaStyle: {
   189          color: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"],
   190        },
   191      },
   192    },
   193    valueAxis: {
   194      axisLine: {
   195        show: true,
   196        lineStyle: {
   197          color: "#cccccc",
   198        },
   199      },
   200      axisTick: {
   201        show: false,
   202        lineStyle: {
   203          color: "#333",
   204        },
   205      },
   206      axisLabel: {
   207        show: true,
   208        textStyle: {
   209          color: "#999999",
   210        },
   211      },
   212      splitLine: {
   213        show: true,
   214        lineStyle: {
   215          color: ["#eeeeee"],
   216        },
   217      },
   218      splitArea: {
   219        show: false,
   220        areaStyle: {
   221          color: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"],
   222        },
   223      },
   224    },
   225    logAxis: {
   226      axisLine: {
   227        show: true,
   228        lineStyle: {
   229          color: "#cccccc",
   230        },
   231      },
   232      axisTick: {
   233        show: false,
   234        lineStyle: {
   235          color: "#333",
   236        },
   237      },
   238      axisLabel: {
   239        show: true,
   240        textStyle: {
   241          color: "#999999",
   242        },
   243      },
   244      splitLine: {
   245        show: true,
   246        lineStyle: {
   247          color: ["#eeeeee"],
   248        },
   249      },
   250      splitArea: {
   251        show: false,
   252        areaStyle: {
   253          color: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"],
   254        },
   255      },
   256    },
   257    timeAxis: {
   258      axisLine: {
   259        show: true,
   260        lineStyle: {
   261          color: "#cccccc",
   262        },
   263      },
   264      axisTick: {
   265        show: false,
   266        lineStyle: {
   267          color: "#333",
   268        },
   269      },
   270      axisLabel: {
   271        show: true,
   272        textStyle: {
   273          color: "#999999",
   274        },
   275      },
   276      splitLine: {
   277        show: true,
   278        lineStyle: {
   279          color: ["#eeeeee"],
   280        },
   281      },
   282      splitArea: {
   283        show: false,
   284        areaStyle: {
   285          color: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"],
   286        },
   287      },
   288    },
   289    toolbox: {
   290      iconStyle: {
   291        normal: {
   292          borderColor: "#999999",
   293        },
   294        emphasis: {
   295          borderColor: "#666666",
   296        },
   297      },
   298    },
   299    legend: {
   300      textStyle: {
   301        color: "#999999",
   302      },
   303    },
   304    tooltip: {
   305      axisPointer: {
   306        lineStyle: {
   307          color: "#cccccc",
   308          width: 1,
   309        },
   310        crossStyle: {
   311          color: "#cccccc",
   312          width: 1,
   313        },
   314      },
   315    },
   316    timeline: {
   317      lineStyle: {
   318        color: "#626c91",
   319        width: 1,
   320      },
   321      itemStyle: {
   322        normal: {
   323          color: "#626c91",
   324          borderWidth: 1,
   325        },
   326        emphasis: {
   327          color: "#626c91",
   328        },
   329      },
   330      controlStyle: {
   331        normal: {
   332          color: "#626c91",
   333          borderColor: "#626c91",
   334          borderWidth: 0.5,
   335        },
   336        emphasis: {
   337          color: "#626c91",
   338          borderColor: "#626c91",
   339          borderWidth: 0.5,
   340        },
   341      },
   342      checkpointStyle: {
   343        color: "#3fb1e3",
   344        borderColor: "#3fb1e3",
   345      },
   346      label: {
   347        normal: {
   348          textStyle: {
   349            color: "#626c91",
   350          },
   351        },
   352        emphasis: {
   353          textStyle: {
   354            color: "#626c91",
   355          },
   356        },
   357      },
   358    },
   359    visualMap: {
   360      color: ["#2a99c9", "#afe8ff"],
   361    },
   362    dataZoom: {
   363      backgroundColor: "rgba(255,255,255,0)",
   364      dataBackgroundColor: "rgba(222,222,222,1)",
   365      fillerColor: "rgba(114,230,212,0.25)",
   366      handleColor: "#cccccc",
   367      handleSize: "100%",
   368      textStyle: {
   369        color: "#999999",
   370      },
   371    },
   372    markPoint: {
   373      label: {
   374        color: "#ffffff",
   375      },
   376      emphasis: {
   377        label: {
   378          color: "#ffffff",
   379        },
   380      },
   381    },
   382  });
   383  
   384  export default lightTheme;