[Theme] Share a custom ThemeSpec: 中国人民日报海外版

Abierto Apto para principiantes
#156 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
1/5
Tiempo estimado
Menos de una hora
Aptitud para principiantes
72/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
typescript

Línea de trabajo

El issue incluye un JSON completo de ThemeSpec y una captura de pantalla que describe la dirección visual. Lee las instrucciones del proyecto para contribuir temas e inspecciona dónde se almacenan o registran los ThemeSpecs compartidos. Añade este tema con el JSON proporcionado y confirma que aparece entre los temas disponibles del proyecto.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Paste your ThemeSpec JSON below and include a screenshot or short description of the visual direction.


{
  "id": "peoples-daily-overseas",
  "label": "人民日报海外版",
  "ink": {
    "surface": {
      "source": "house",
      "canvas": "#FFFFFF",
      "plot": "#FFFFFF",
      "panel": "#F5F7F9"
    },
    "text": {
      "primary": "#202020",
      "secondary": "#444444",
      "muted": "#666666",
      "inverse": "#FFFFFF"
    },
    "structure": {
      "axis": "#4A4A4A",
      "grid": "#D8DDE2",
      "frame": "#B8BFC5",
      "rule": "#292929",
      "zero": "#555555",
      "connector": "#7B858D"
    },
    "series": {
      "single": "#D71920",
      "categorical": [
        "#C91920",
        "#1260A0",
        "#B36A16",
        "#26796A",
        "#75538C",
        "#80534D"
      ],
      "categoricalExtended": [
        "#C91920",
        "#1260A0",
        "#B36A16",
        "#26796A",
        "#75538C",
        "#80534D",
        "#397AAE",
        "#A34F76",
        "#55752B",
        "#BF6541",
        "#526477",
        "#8E782E"
      ],
      "overflow": "#747A80",
      "sequential": {
        "stops": [
          "#F7F9FB",
          "#D8E8F4",
          "#99C3DF",
          "#4E96C6",
          "#1260A0",
          "#083D6B"
        ],
        "space": "lab",
        "endpointsAgainstSurface": true
      },
      "diverging": {
        "stops": [
          "#115A96",
          "#77A9CE",
          "#F2F2F0",
          "#E99D94",
          "#B91820"
        ],
        "neutral": "#F2F2F0",
        "space": "lab",
        "endpointsAgainstSurface": true
      },
      "status": {
        "positive": "#23734B",
        "negative": "#C62828",
        "neutral": "#68737C"
      },
      "roles": {
        "other": "#858B90",
        "total": "#303030",
        "missing": "#D0D4D7"
      }
    },
    "accent": "#D71920"
  },
  "type": {
    "minSize": 10,
    "headline": {
      "family": "Noto Serif CJK SC, Source Han Serif SC, Songti SC, SimSun, serif",
      "size": 25,
      "weight": "bold",
      "color": "#C91920"
    },
    "deck": {
      "family": "Noto Serif CJK SC, Source Han Serif SC, Songti SC, SimSun, serif",
      "size": 13,
      "weight": "regular",
      "color": "#444444"
    },
    "kicker": {
      "family": "Noto Sans CJK SC, Source Han Sans SC, Microsoft YaHei, sans-serif",
      "size": 12,
      "weight": "bold",
      "color": "#1260A0"
    },
    "axisLabel": {
      "family": "Noto Sans CJK SC, Source Han Sans SC, Microsoft YaHei, sans-serif",
      "size": 11,
      "weight": "regular",
      "color": "#444444"
    },
    "axisTitle": {
      "family": "Noto Sans CJK SC, Source Han Sans SC, Microsoft YaHei, sans-serif",
      "size": 12,
      "weight": "semibold",
      "color": "#303030"
    },
    "valueLabel": {
      "family": "Noto Sans CJK SC, Source Han Sans SC, Arial, sans-serif",
      "size": 12,
      "weight": "semibold",
      "color": "#252525"
    },
    "keyLabel": {
      "family": "Noto Sans CJK SC, Source Han Sans SC, Microsoft YaHei, sans-serif",
      "size": 11,
      "weight": "regular",
      "color": "#444444"
    },
    "keyTitle": {
      "family": "Noto Sans CJK SC, Source Han Sans SC, Microsoft YaHei, sans-serif",
      "size": 11,
      "weight": "semibold",
      "color": "#303030"
    },
    "annotation": {
      "family": "Noto Serif CJK SC, Source Han Serif SC, Songti SC, serif",
      "size": 11,
      "weight": "regular",
      "color": "#555555"
    },
    "footnote": {
      "family": "Noto Sans CJK SC, Source Han Sans SC, Arial, sans-serif",
      "size": 10,
      "weight": "regular",
      "color": "#666666"
    },
    "display": {
      "family": "Noto Serif CJK SC, Source Han Serif SC, Georgia, serif",
      "weight": "bold",
      "color": "#C91920"
    }
  },
  "structure": {
    "axis": {
      "categorical": {
        "line": "quiet",
        "ticks": "omit",
        "labelGap": 8,
        "tickLabels": "all"
      },
      "measure": {
        "line": "hairline",
        "lineWeight": 1,
        "ticks": "quiet",
        "tickLength": "short",
        "tickDirection": "outward",
        "labelGap": 7,
        "tickDensity": "normal"
      }
    },
    "grid": {
      "measure": "quiet",
      "category": "omit",
      "style": "solid",
      "weight": 0.7,
      "zero": "quiet"
    },
    "frame": "omit",
    "baseline": "quiet"
  },
  "marks": {
    "bandFraction": 0.72,
    "strokeWeight": 2.2,
    "strokeCap": "butt",
    "strokeJoin": "miter",
    "interpolation": "linear",
    "fillOpacity": 0.88,
    "barOpacity": 0.95,
    "cornerRadius": 0,
    "separator": {
      "presence": "hairline",
      "width": 0.8,
      "source": "surface"
    },
    "slice": {
      "gap": 1.5,
      "gapStyle": "rule"
    },
    "tile": {
      "gap": 1,
      "source": "surface"
    },
    "point": {
      "presence": "quiet",
      "size": 48,
      "secondarySize": 20,
      "fill": "solid",
      "shape": "circle",
      "density": "countable",
      "ink": "series"
    },
    "connector": {
      "presence": "quiet",
      "weight": 1,
      "spanWeight": 1.8,
      "style": "solid"
    }
  },
  "labels": {
    "truncation": "wrap",
    "rowNames": "auto",
    "flush": true,
    "fit": {
      "minChars": 4,
      "turnedLimit": "40%",
      "gap": 0.6,
      "rowLimit": "28%"
    }
  },
  "legend": {
    "placement": [
      "top",
      "right",
      "bottom"
    ],
    "title": "whenAmbiguous",
    "swatch": "auto",
    "arrangement": "row",
    "titlePosition": "above",
    "align": "start",
    "suppressWhenAxisNames": true,
    "suppressWhenValuesPrinted": true
  },
  "dataLabels": {
    "fallback": "perMark",
    "minContrast": 4.5
  },
  "annotation": {
    "unit": "firstTick",
    "axisTitles": "whenAmbiguous",
    "axisTitlePlacement": "flatAboveAxis",
    "axisTitleGap": 8,
    "unitsInAxisTitle": true,
    "numberFormat": {
      "precision": "auto",
      "thousands": "separator"
    },
    "pointEmphasis": "endpoints"
  },
  "furniture": [
    {
      "kind": "rule",
      "at": "canvasTop",
      "frame": "content",
      "color": "#1762A0",
      "height": 2
    },
    {
      "kind": "rule",
      "at": "belowTitle",
      "frame": "block",
      "color": "#353535",
      "height": 1
    }
  ],
  "layout": {
    "density": "normal"
  },
  "interaction": {
    "selectionBoundary": {
      "color": "#C91920",
      "width": 1.8,
      "opacity": 1,
      "haloColor": "#FFFFFF",
      "haloWidth": 2,
      "haloOpacity": 0.9
    }
  }
}

Image
Lenguaje dominante
TypeScript
Estrellas
4.4k
Forks
256
Merge medio
1 d 16 h
PR fusionados (30 d)
9

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de microsoft/flint-chart

Todos los issues de microsoft/flint-chart

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.