Gnome Shell 样式表

Question

所以我正在制作一个 gnome shell 扩展，但我不知道如何使我的扩展的一部分成为正常字体粗细。这是我的 extension.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 名称和 class 它应该使用：

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

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

另请参阅：

Anatomy of an Extension 在 gjs.guide
St Documentation 在 gjs-docs.gnome.org

Gnome Shell 样式表

Gnome Shell Stylesheet

javascript

css

ubuntu

gnome-shell

gnome-shell-extensions