主页 / ubuntu / 问题

问题[css](ubuntu)

Martin Hope
kenn
Asked: 2020-11-09 01:28:27 +0800 CST
  • 5

我正在运行 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？

fonts css gtk3 mate
Martin Hope
ludant
Asked: 2020-07-23 07:13:19 +0800 CST
  • 4

我想为 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以及如何编辑它？

themes css
Martin Hope
antoniom96
Asked: 2020-05-07 08:56:49 +0800 CST
  • 2

我想更改面板菜单的背景（并使其透明）并更改滑块的颜色（从紫色变为橙色）。我喜欢默认的 Ubuntu shell 主题，所以我不想使用自定义主题。我还想更改搜索文本表单的背景（不集中）。什么是类/ID gnome-shell.css？我试过了，但我没有找到它们。

另一个问题是我在哪里可以找到默认gnome-shell.css文件？到目前为止，我使用来自自定义主题的文件，但如果我在其中提取.gresource文件，/usr/share/gnome-shell/themes/我不会得到默认的 css。

检查图像：

themes style css gnome-shell
Martin Hope
Sun Bear
Asked: 2019-09-19 08:15:00 +0800 CST
  • 2

在~/.local/share/themes/MyCustomTheme/gnome-shell/gnome-shell.css中，我进行了修改#lockDialogGroup{}以尝试在 GDM 中显示图像并进行更改以/* Auth Dialogs & Screen Shield */更改锁定外观。但是，我发现这些更改并没有生效。相反，我必须实施这些更改/usr/share/gnome-shell/theme/ubuntu.css才能看到它们的效果。

从这些观察中得出以下结论是否正确：

  1. ubuntu.css用于控制 GNOME 显示管理器（登录屏幕）的样式，而gnome-shell.css用于控制桌面的样式？如果是这样，为什么gnome-shell.css还包含一个部分#lockDialogGroup{}，/* Auth Dialogs & Screen Shield */因为它们似乎是多余的？
  2. 我可以/usr/share/gnome-shell/theme/ubuntu.css用我自己的覆盖~/.local/share/themes/MyCustomTheme/gnome-shell/gnome-shell.css吗？
  3. 我想更改锁定屏幕中显示的时钟的字体大小和显示锁定屏幕的持续时间（我发现它消失得太快了）。我使用哪个文件来实现更改以及我需要更改哪个变量？

这个问题是我从之前的问题中学到的内容的延续。

gnome themes css gnome-shell 18.04
Martin Hope
Enterprise
Asked: 2019-09-02 19:08:43 +0800 CST
  • 9

我想创建一个基于 Adwaita 的主题。

我发现 Adwaita 不再使用*.css文件：

cat /usr/share/themes/Adwaita/gtk-3.0/gtk.css
/* Adwaita is now part of GTK+ 3, this file is no longer used */

我在 GitLab 上找到了 Adwaita 源代码：

大师： https ://gitlab.gnome.org/GNOME/gtk/tree/master/gtk/theme/Adwaita

版本 3.24.10： https ://gitlab.gnome.org/GNOME/gtk/tree/3.24.10/gtk/theme/Adwaita

（更新：GitLab 上的“master”分支可能是“错误的”，因为它正在开发中。相反，应该使用更稳定的分支，例如 3.24.10）。

因此，我可以从 Gitlab 下载源文件并*.scss使用我想要的颜色更改来修改包含的文件。

完成更改后，如何将源代码编译为新主题，并将其部署到我的机器上？

gnome themes css
Martin Hope
WinEunuuchs2Unix
Asked: 2019-08-21 17:16:35 +0800 CST
  • 0

使用wget我下载了这个网页：

沃尔玛网站.png

使用命令：

RobWebsiteAddress="https://www.walmart.ca/en/ip/Dispenser-Set-Tumbler-Organizer-Bathroom-Bin-Holder-Bathroom-Containers-Soap-Set-Accessories-Travel-6Pcs-Accessory-Ejoyous-Dish-Toothbrush/PRD4406MV3EZF75"
DownloadName="Ejoyous1"
wget -O- -q --user-agent=AGENT "$RobWebAddress" > "$DownloadName"

当我尝试打开其中的文件时，gedit它变得疯狂。

当我使用：

grep -i 23.31 Ejoyous1 | wc
      0       0       0

价格没找到。如果我grep在这个词上price得到一长行的 146,329 个字符，这可能是让我gedit发疯的原因：

$ grep -i price Ejoyous1 | wc
      1    6292  146329

.5 MB 文件中有一些提示：

$ grep -i necolas Ejoyous1
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

如您所知，这是来自沃尔玛的网站。只需下载网页并使用它，我就可以毫无问题地获得 Costco 的定价和 Ikea 的定价wget。我也没有问题查看从 Costco 或 Ikea 下载的文件gedit。

如果它是 HTML 的衍生物，我该如何解释这种语言？我应该使用什么工具？有什么线索可以走上正确的道路吗？

websites css html
Martin Hope
Sun Bear
Asked: 2019-08-16 02:55:34 +0800 CST
  • 2

在 Ubuntu 18.04 中，锁定屏幕中显示的“日期”的对齐似乎存在问题，即.screen-shield-clock-date{}. /usr/share/gnome-shell/theme/ubuntu.css它有时会出现居中对齐，有时会出现左对齐 wrt .screen-shield-clock{}。好像.screen-shield-clock-date{}是个孩子

.screen-shield-clock {
  color: white;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  text-align: center;
  padding-bottom: 1.5em; }

它已经包含text-align: center要求中心对齐的参数。

我已经尝试同时添加margin: auto; width: 100%;and.screen-shield-clock{}和.screen-shield-clock-date{}添加text-align: center，.screen-shield-clock-date{}但是这些方法似乎不起作用？

问题：

  1. 如何解决此对齐问题？我希望日期始终在屏幕中居中对齐。
  2. 我可以知道正在读取哪个程序/文件/usr/share/gnome-shell/theme/ubuntu.css吗？
gdm lock-screen css 18.04
Martin Hope
Broken Vowels
Asked: 2019-04-17 22:21:44 +0800 CST
  • 1
gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true

不起作用，因为我在设置下没有调试目录...

我设法使用了变量 tho，并得到了这个

https://cdn.discordapp.com/attachments/567363514612711424/567947253008957441/unknown.png

（不粘贴它，因为我认为将其保留为图像是相关的）

由于某种原因它没有读取颜色，更不用说这个作品了

在此处输入图像描述

在此处输入图像描述

所以选择器没问题，但是我到底要如何让终端有边框呢？

gnome gtk css
Martin Hope
rainer
Asked: 2019-01-18 05:47:10 +0800 CST
  • 1

我正在使用 Ubuntu Budgie 18.10 并尝试调整Vimix 主题的颜色。

特别是，我想更改工具提示弹出窗口的前景和背景（文本）颜色。

编辑 GTK3 css 文件，我找到了 * Tooltips * 部分（从第 4016 行开始）。

更改背景按预期工作：

tooltip.background {
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
   background-color: red;
}

但是更改工具提示项，我添加了行“颜色：#FFFFFF，不影响文本颜色。

tooltip {
    border-radius: 2px;
    box-shadow: none;
    color: #FFFFFF;
}

也不添加：

tooltip.foreground{
  color: #00C853;
}

或者：

@define-color theme_tooltip_fg_color #FFFFFF;

知道如何更改工具提示的文本颜色吗？

已编辑：包括标题栏

在此处输入图像描述

themes text css tooltip