如何在我的自定义 GNOME 图标上启用颜色?

如何在我的自定义 GNOME 图标上启用颜色?

我是一个相对较新的 Linux 用户,我一直在尝试自定义图标。但是,当我尝试更改“显示应用程序”图标时,它只显示为黑白色。

图标看起来应该是这样的

图标看起来应该是这样的

但最后看起来像这样

看起来像这样

有什么方法可以让这个图标有颜色吗?

答案1

  1. 从 Ubuntu 软件安装“用户主题”gnome-shell 扩展。(这需要选择已编辑的 shell 主题文件)

    在此处输入图片描述

  2. .themes在主目录中创建一个文件夹,如果您之前已经创建了它,则忽略此步骤。

  3. /usr/share/gnome-shell/theme/ubuntu.css使用终端中的以下命令从默认 shell 主题目录复制所需的文件

    命令:

    mkdir ~/.themes/myshell && mkdir ~/.themes/myshell/gnome-shell && cp -r /usr/share/gnome-shell/theme/* ~/.themes/myshell/gnome-shell/
    
  4. 删除该文件gnome-shell.css并将文件重命名ubuntu.cssgnome-shell.css

    在此处输入图片描述

  5. 关闭全部,打开并从用户主题下拉列表中gnome-tweaks选择MyShell

    在此处输入图片描述

  6. gnome-shell.css从目录中打开文件~/.themes/myshell/gnome-shell/并转到第 1301 行左右并找到以下内容。

    内容:

    .search-provider-icon,
    .list-search-result, .app-well-app .overview-icon,
    .app-well-app.app-folder .overview-icon,
    .show-apps .overview-icon,
    .grid-search-result .overview-icon {
      color: #eeeeec;
      border-radius: 4px;
      padding: 6px;
      border: 1px solid transparent;
      transition-duration: 100ms;
      text-align: center; }
    

    编辑如下所示的内容,保存并关闭:

    .search-provider-icon,
    .list-search-result, .app-well-app .overview-icon,
    .app-well-app.app-folder .overview-icon,
    .show-apps .overview-icon,
    .grid-search-result .overview-icon {
     color: #eeeeec;
     border-radius: 4px;
     padding: 6px;
     border: 1px solid transparent;
     transition-duration: 100ms;
     text-align: center; }
    
    .show-apps .show-apps-icon { border: none; background-image: url(005-book.svg); background-size: contain; color: transparent; transition-duration: 0s; -st-background-image-shadow: 0 1px 2px rgba(0, 0, 0, 0.22); }
    
    .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { color: transparent; background-image: url(005-book.svg); -st-background-image-shadow: 0 3px 4px rgba(0, 0, 0, 0.28); transition-duration: 0.15s; }
    
  7. 备份该文件view-app-grid-symbolic.svg并将其删除。

  8. 将文件 005-book.svg 复制到~/.themes/myshell/gnome-shell

    在此处输入图片描述

  9. Alt使用+重新启动 shell F2,输入r并按Enter

    在此处输入图片描述

    在此处输入图片描述

相关内容