如何设置Atom的style.less'文件以突出显示Python中的函数和方法调用?

时间:2017-06-23 12:15:44

标签: python css atom-editor

我想在Sublime Text:

中突出显示它

enter image description here

我尝试过建议here

atom-text-editor, atom-text-editor::shadow {
  .meta.function-call.python {
    color: '#abcde';
  }
}

然而,Atom的弃用说:

  

从Atom v1.13.0开始,atom-text-editor个元素的内容   不再封装在shadow DOM边界内。这意味着   你应该停止使用:host::shadow伪选择器,并使用前置   所有语法选择器都带有syntax--。防止破损   现有的样式表,Atom会自动升级以下内容   选择器:

     
      
  • atom-text-editor .meta.function-call.generic.python
  •   
  • atom-text-editor::shadow .meta.function-call.generic.python =>   atom-text-editor .meta.function-call.generic.python
  •   
  • atom-text-editor.editor .syntax--meta.syntax--function-call.syntax--generic.syntax--python
  •   
     

选择器的自动翻译将在几个版本中删除   循环以最小化启动时间。请确保升级   以上选择器尽快。

应该是这样吗? (我试过但它不起作用)

atom-text-editor {
  .meta.function-call.python {
    color: '#66D9EF';
  }
}

atom-text-editor.editor {
  .syntax--meta.syntax--function-call.syntax--python {
    color: '#66D9EF';
  }
}

有人可以帮助我在Atom的Monokai语法颜色主题中突出显示函数和方法调用吗?

2 个答案:

答案 0 :(得分:5)

您需要从颜色规则中删除''。那些人不去那里。我测试过,这有效:

atom-text-editor.editor {
  .syntax--meta.syntax--function-call.syntax--python {
    color: #66D9EF;
  }
}

答案 1 :(得分:0)

此解决方案突出显示了我的所有函数调用:

atom-text-editor.editor {
  .syntax--source.syntax--python {
    .syntax--function-call.syntax--generic.syntax--python  {
      color: #ffc1c1;
    }
  }
}