codemirror lint gutter iconの変更

2755 ワード
icon lint Codemirror icon テキストリンク

iconのサイズ及びカラーはhttps://icongr.am が便利。

https://icongr.am/clarity/error-standard.svg?size=16&color=ff0088

default lint.cssの後に入れ、上書き。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.36.0/addon/lint/lint.css">

<style>
/*lint setting*/
.CodeMirror-lint-tooltip {
  background-color: white;
  border: unset;
  border-radius: unset;
  color: #000;
}
.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
  background-image:url('https://icongr.am/clarity/error-standard.svg?size=16&color=ff0088');
}

.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
  /*unknown-status*/
  background-image:url('https://icongr.am/clarity/info-standard.svg?size=16&color=555555');  
}

.CodeMirror-lint-marker-multiple {
/*
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 100%; height: 100%;
*/
}
</style>