主题莫名其妙地坏了

darkpixlz · 2022 年9 月 18 日 00:07

您好，

今天不知怎么的，我的主题突然无法正常工作了。

背景不再显示；

并且多个模糊元素也无法正常工作。

我尝试回滚到一个可用的状态，但都没有成功。我也没更新 Discourse。
这是代码：

github.com/pyxfluff/darkpixlz-Modern-Theme

common/common.scss

master

// pyxfluff 2022-2025

@import url("https://fonts.googleapis.com/css?family=Nunito");

// Mixins
@mixin Semitransparent-Box() {
    border-radius: 12px;
    background: rgba(var(--secondary-rgb), .4);
    border: rgba(var(--secondary-rgb), .4)
}

@mixin BorderByOption($style) {

    // todo
    @if $style =="more" {
        border-radius: 18px;
    }

    @else {
        border-radius: 8px;

This file has been truncated. show original

感谢任何帮助。

Don · 2022 年9 月 18 日 08:03

嘿 @darkpixlz，

似乎图片不存在，或者您没有查看它的权限。

背景图片有一个高度生成的网址，或者类似的东西

背景图片网址

https://lh3.googleusercontent.com/wcdZLqI--qjG6q7eLaQAFN7FhBWBxVetqDrFgeSTKwNqIEZDHrlPQDgX3iX74RtH5ctTjWcVQAkYTLDqpxbqvPKJcSq5NbfFIc2xc35xQ1-LmAmw1sRI_kR1mvGMUJno6vkKPOf7IsUcVMb7CPtiwM5aCpKOwngXGyoCQ8cb1FYKfTUKvVWbKFDtfb0Gnt9Jq1kvvVRx--dQd8blq6Q0usqj_kPHQKNhSSCv6zSU1zBtv8-TCl1ITeWTprO-X0tx7zgaqspjK6JNrzvquKo8v7MSoIx3yNRHxTLkqOJWRfyBGKXbqfmZKjUuaBGIXYDkSnpJ80ERAQ20R5r8LWsLrtAdtRELusQz_KStRR0YY6DujJ5aWKFqsirINDUDF2jU17wJrr6vPUHBhhDqJwcAplmFJ7_HK_xzOe16GFTIzrKmZ_zMwxCJA8eXw2V5FMBlwsEW7pZObU60g7nA5qouyYp7_0iC1E_2Kv5PG2xsdhR8DvikEM7Zqp3pmiPgvTyooDFTfsVecXtkeazO4EXZc4QSCn0vdLGAtAup9DjUNn9kFhfYr97wED1jMJuS3TDxq_2cAe02ngpnK1Kga64NZMOACWqli_JPEStqRydaCOyNQrGdHMR444AlRfh6TrwAjr-Ls3Pda2MVsS1k2YjxgUp64tX8vHLkW_Asp2Z0iZX2TFKAsfQpJN2CMDesKnDE0wXTq_lFouk2GD0fHHcIj9WQhSBMt31DGcDwTwMT7ByQck81hI3U-Pt2oJhpSXhAqR2WyCg8pobsb2nPKsfzH2XLRr2kzkShKhvkrHJlgY8X3h6QwjqlHt523wuazvyG7nEGvySYdC7pyBi5Qy_YeTEdhhCC0L7EHgUFCgpgkaN4gF9TIE5UyJXDvpWgsTkNt1opCxEgSkCJO2IAt8qsrejCuAeY9dkXAFGaEE-dWVbXyvVayt96pJof-9GG-HZ1iCggB9GuTSD9MIVDiAEr1_LYJbhkT5bepZyqEsXDFV5PHXRtDQJuu9MgWjDBV4PC1Y6K98-3JdTPR7Wko5hkfBIJgvP49aK6l9WvqVyFCTGpmJ1pcIkTeLiGeiD3nr4ydEqsDXFzaDd4DIXlcFVoux3J=w1092-h728-no?authuser=0

尝试更改图片网址，或者更好的解决方案

将设置类型从以下内容更改为：

Background_Image:
   default: "https://lh3.googleusercontent.com/wcdZLqI--qjG6q7eLaQAFN7FhBWBxVetqDrFgeSTKwNqIEZDHrlPQDgX3iX74RtH5ctTjWcVQAkYTLDqpxbqvPKJcSq5NbfFIc2xc35xQ1-LmAmw1sRI_kR1mvGMUJno6vkKPOf7IsUcVMb7CPtiwM5aCpKOwngXGyoCQ8cb1FYKfTUKvVWbKFDtfb0Gnt9Jq1kvvVRx--dQd8blq6Q0usqj_kPHQKNhSSCv6zSU1zBtv8-TCl1ITeWTprO-X0tx7zgaqspjK6JNrzvquKo8v7MSoIx3yNRHxTLkqOJWRfyBGKXbqfmZKjUuaBGIXYDkSnpJ80ERAQ20R5r8LWsLrtAdtRELusQz_KStRR0YY6DujJ5aWKFqsirINDUDF2jU17wJrr6vPUHBhhDqJwcAplmFJ7_HK_xzOe16GFTIzrKmZ_zMwxCJA8eXw2V5FMBlwsEW7pZObU60g7nA5qouyYp7_0iC1E_2Kv5PG2xsdhR8DvikEM7Zqp3pmiPgvTyooDFTfsVecXtkeazO4EXZc4QSCn0vdLGAtAup9DjUNn9kFhfYr97wED1jMJuS3TDxq_2cAe02ngpnK1Kga64NZMOACWqli_JPEStqRydaCOyNQrGdHMR444AlRfh6TrwAjr-Ls3Pda2MVsS1k2YjxgUp64tX8vHLkW_Asp2Z0iZX2TFKAsfQpJN2CMDesKnDE0wXTq_lFouk2GD0fHHcIj9WQhSBMt31DGcDwTwMT7ByQck81hI3U-Pt2oJhpSXhAqR2WyCg8pobsb2nPKsfzH2XLRr2kzkShKhvkrHJlgY8X3h6QwjqlHt523wuazvyG7nEGvySYdC7pyBi5Qy_YeTEdhhCC0L7EHgUFCgpgkaN4gF9TIE5UyJXDvpWgsTkNt1opCxEgSkCJO2IAt8qsrejCuAeY9dkXAFGaEE-dWVbXyvVayt96pJof-9GG-HZ1iCggB9GuTSD9MIVDiAEr1_LYJbhkT5bepZyqEsXDFV5PHXRtDQJuu9MgWjDBV4PC1Y6K98-3JdTPR7Wko5hkfBIJgvP49aK6l9WvqVyFCTGpmJ1pcIkTeLiGeiD3nr4ydEqsDXFzaDd4DIXlcFVoux3J=w1092-h728-no?authuser=0"
   description: "Link to a background image. WARNING: MUST CONTAIN https:// TO WORK"
   type: string

到上传设置类型，然后您可以上传图片。

Background_Image:
  type: upload
  default: ""
  description: "Upload a background image."

merefield · 2022 年9 月 18 日 09:42

有一个“上传”类型的设置，不错！

darkpixlz · 2022 年9 月 18 日 14:01

奇怪，我还能看到它。

背景图片解决了，但为什么模糊效果仍然缺失？

Don · 2022 年9 月 18 日 14:37

这些元素的模糊效果缺失是因为它在这里使用 ::before 伪元素处理：

input[type],
div.ac-wrap,
.popup-menu,
#reply-control.open,
.d-editor-textarea-wrapper {
  background-color: rgba(0, 15, 255, 0.00);
  &::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);      
    z-index: -1;
  }
}

但现在它在这里被移除了。所以模糊效果也随之移除。尝试移除这三行。

github.com/pyxfluff/darkpixlz-Modern-Theme

common/common.scss

5e984fade


      
          input[type]::before, div.ac-wrap::before, .popup-menu::before, #reply-control.open::before, .d-editor-textarea-wrapper::before {
            display:none;
          }

darkpixlz · 2022 年9 月 18 日 14:42

谢谢。

文本框已返回，但反应面板仍然缺少它以及其他一些东西。

我添加显示的原因是这个；

话题		回复	浏览量
Select-kit is completely missing Support	10	624	2022 年7 月 27 日
Issue with blurring elements Dev	16	1386	2022 年8 月 8 日
Graceful Theme Theme official , graceful-theme	58	44828	2025 年9 月 25 日
Change background image on all pages Support	4	3815	2020 年8 月 25 日
Alien Night Theme - A free Dark Theme for Discourse Theme	78	27582	2025 年2 月 4 日

主题莫名其妙地坏了

相关话题