标签: css

我想在 Gedit 的编辑区域添加一些填充。以下是所需结果的说明：

我的直觉是，使用类似于我已经在 Gnome 终端中添加填充的技巧类似的技巧应该很容易做到：

增加 gnome 终端的填充

但是我找不到合适的 CSS 选择器来执行此操作。

这是我到目前为止发现的：

• https://github.com/vinceliuice/vimix-gtk-themes/commit/6dd15e741449206cf03d665dd3d89b454d61a5b8
  一些 CSS 显示一些.gedit-document-panel选择器，但这只会影响使用 F9 打开的侧面板

我正在运行 Ubuntu 20.04 mate 桌面。我正在定制配合面板。我想使用以下数字字体，并添加了以下样式~/.config/gtk-3.0/gtk.css

#clock-applet-button.flat.toggle > box.horizontal > label {
    font-weight: normal;
    color: white;
    font-family: DS-Digital;
    font-weight: bold;
    font-size: 18px;
    /*padding-right: 10px;
    padding-left: 10px; */
    /*letter-spacing: 3px;*/
    /*margin: 8px; 
    margin-left: 14px;
    margin-right: 14px;*/
    padding: 0 15px 0 15px;
    font-stretch: ultra-condensed;
    outline-offset: 100px;
    background-color: red;
    /*border-left-width: 50px;
    border-right-width: 50px;*/
    /*outline-width: 20px;*/     
}
  

当数字压缩时它会摆动，例如当时钟数字从00到01

我录了

我尝试添加边距、填充，但它们不起作用。有没有技巧可以使用它来修复它gtk css？

我想为 Ubuntu 20.04 编辑深色 Yaru 主题（特别是突出显示/选定项目上的亮橙色）。从这里的其他问题我想我必须编辑/usr/share/themes/Yaru/gtk-3.20/gtk.css，但整个文件是：

@import url("resource:///com/ubuntu/themes/Yaru/3.20/gtk.css");

什么是resource:///com/ubuntu/themes/Yaru/3.20/gtk.css以及如何编辑它？

我最近开始在 Gnome 3 中使用 DarkGreen 主题，但是在 FireFox 的某些网页上存在一些关于文本输入字段的问题。这发生在 Google 的搜索字段、Facebook 的某些字段等中......

该主题默认使用深色背景和浅色文本作为输入字段。我已经成功地为那些从未受到影响的字段（从接近白色到灰色）修改了输入文本的前景色，但它对“损坏的”字段没有帮助。我还想将所有输入字段的背景颜色更改为白色，但我也不走运。

在主题文件夹中有一个带有 css 文件的 gtk 文件夹。以下是相关内容，评论是我改的：

@define-color theme_base_color #202020;
@define-color theme_text_color #25DC00; /* #ffffff */
@define-color theme_bg_color #121212;
@define-color theme_fg_color @theme_text_color;
@define-color selected_bg_color #3E8753;
@define-color selected_fg_color #ffffff;
@define-color theme_selected_bg_color @selected_bg_color;

@define-color menu_bg_color #555555;
@define-color menu_fg_color @theme_text_color;

@define-color menu_combobox_border @theme_selected_bg_color;
@define-color menu_separator mix (@theme_bg_color, @menu_bg_color, 0.90);

@define-color insensitive_bg_color alpha(#0b0b0d, 0.0);
@define-color insensitive_fg_color alpha(#717171, 0.50);
@define-color insensitive_border_color alpha(#717171, 0.50);

@define-color entry_text_color /* #fafafa */ #707070;
@define-color entry_background_a #ffffff;
@define-color entry_background_b #ffffff; …

我正在深入研究主题和 css 样式。

它大多运行良好，但我在标题栏的样式方面遇到了麻烦。它们都接受良好的渐变、背景颜色等，但并非所有应用程序都采用标题栏高度。

我试着编码

.titlebar and 

.headerbar 

在我可以想象的所有形式中，但标题栏的高度仍然不连贯。一些应用程序采用标题栏高度，其他应用程序完全忽略它。

这显然发生在所有主题中。

我想知道这是什么原因，以及如何实现所有标题/标题栏的高度相等。

我的问题不是重复的，因为我的问题不是将条形变细，而是使太窄的条形（右侧）更大，以匹配左侧条形的高度。我知道左边的酒吧很大，但我故意夸大了高度以表明我的观点。

我在戴尔笔记本电脑上使用 Ubuntu Budgie 19.04。

在 Lubuntu 中进行代码编辑时，Notepad++ 的好替代品是什么？我是一个网页设计师，主要想要一个好的编辑器来进行 php、html 和 css 编辑。我一直在 Windows 上使用 Notepad++，所以类似的东西会很好。但我准备尝试其他可能不同或具有更好功能的程序。谢谢