Angular 角度的默认主题

Angular 角度的默认主题,angular,angular6,angular7,Angular,Angular6,Angular7,我是新手。我很感兴趣Angular 6或Angular 7中是否有默认主题 我想在我的角度应用程序中使用它们。角度本身不提供任何主题,但您可以使用角度材质。它附带了4个预定义的主题,您可以直接使用 或者你可以开始创建自己的主题 就个人而言,我可以推荐angular material,因为它与angular生态系统完美集成,并遵循组件和主题开发的最佳实践。angular material中可用的预构建主题: deeppurple-amber.css indigo-pink.css pink-blu

我是新手。我很感兴趣Angular 6或Angular 7中是否有默认主题


我想在我的角度应用程序中使用它们。

角度本身不提供任何主题,但您可以使用角度材质。它附带了4个预定义的主题,您可以直接使用

或者你可以开始创建自己的主题


就个人而言,我可以推荐angular material,因为它与angular生态系统完美集成,并遵循组件和主题开发的最佳实践。

angular material中可用的预构建主题:

deeppurple-amber.css
indigo-pink.css
pink-bluegrey.css
purple-green.css
如果您使用的是Angular CLI,这非常简单,只需在styles.css文件中包含一行即可:

或者,您可以直接引用该文件。这看起来像:

<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

Angular是一个JS框架,主题化与CSS相关。找到一个框架或创建自己的框架,但Angular不适合你。例如,你可以集成Angular材质,但它不是Angular的固有部分。请阅读本文@trichetriche您可以在角度主题以及创建自己的自定义theme@Roj有角度的材质不是有角度的。Angular没有默认主题。嗨,peter开始与聊天我将告诉你如何制作主题
<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">