高德地图会遇到需要自定义地图主题色的情况，但是高德地图给开发者自定义主题色的免费额度只有1个，这里我们会尽量使用高德地图提供的基础模板。

高德自定义地图主题色

高德地图主题色介绍

基础主题色列表

标准（normal）：使用标准样式，可以通过设置地图的mapStyle属性为"amap://styles/normal"来应用。
幻影黑（dark）：使用幻影黑样式，设置mapStyle属性为"amap://styles/dark"。
涂鸦（graffiti）：使用涂鸦样式，设置mapStyle属性为"amap://styles/graffiti"。
酱籽（wine）：使用酱籽样式，虽然在搜索结果中没有直接提到酱籽的样式代码，但通常可以通过"amap://styles/wine"来尝试应用。
远山黛（whitesmoke）：使用远山黛样式，设置mapStyle属性为"amap://styles/whitesmoke"。
草色青（fresh）：使用草色青样式，设置mapStyle属性为"amap://styles/fresh"。
极夜蓝（darkblue）：使用极夜蓝样式，设置mapStyle属性为"amap://styles/darkblue"。

主题色修改

要在高德地图中使用极夜蓝主题，可以通过设置地图的样式来实现。根据搜索结果，高德地图提供了多种标准模板样式，包括极夜蓝。在地图JS API 2.0中，可以通过设置地图样式的字符串来改变地图的外观。极夜蓝的样式字符串为amap://styles/darkblue。

在Vue.js项目中，如果你使用的是vue-amap组件，可以在初始化地图时设置样式。以下是一个示例代码片段，展示了如何在Vue.js项目中设置高德地图的极夜蓝样式：

<template>
  <vue-amap :vid="'amapContainer'" :amap-manager="amapManager"></vue-amap>
</template>

<script>
export default {
  data() {
    return {
      amapManager: new AMapManager(),
    };
  },
  mounted() {
    this.$nextTick(() => {
      this.amapManager.getMap().then((map) => {
        map.setMapStyle('amap://styles/darkblue'); // 设置极夜蓝样式
      });
    });
  },
};
</script>

在上述代码中，vue-amap是Vue组件，amapManager是用来管理地图的实例。在mounted钩子中，我们等待Vue组件渲染完成后，通过amapManager.getMap()获取地图实例，然后使用setMapStyle方法设置地图样式为极夜蓝。