Gnome Shell Stylesheet

Question

所以我正在制作一个gnome shell扩展，但我不知道如何使扩展的一部分具有正常的字体大小。这是我的扩展名.js文件：

'use strict';
const { St, Clutter } = imports.gi;
const Main = imports.ui.main;
let _myText;
class Extension {
enable() {
_myText = new St.Label({ text: 'This should be normal font weight.', y_align: Clutter.ActorAlign.CENTER, style_class: 'panel-button', track_hover: false, reactive: false});
Main.panel._leftBox.insert_child_at_index(_myText, 10)
}
disable() {
_myText.destroy();
}
}
function init() {
return new Extension();
}

这是我的stylesheet.css文件：

StLabel._myText {
font-weight: normal;
}

我做错了什么？

Answer 1

在CSS中不能只使用任意的JavaScript变量；您需要告诉小部件应该使用什么CSS名称和类：

.my-class {
font-weight: normal;
}

const myLabel = new St.Label({
text: 'My Label',
style_class: 'panel-button my-class',
});

另请参阅：

• gjs.guide上的扩展解剖
• gjs-docs.ggnome.org上的St文档