【已解决】希望最大化按钮和还原按钮样式有区别

happmaoo · 2023 年12 月 20 日 05:12

最大化按钮和还原按钮一样，不知道有没有最大化，希望改进！

happmaoo · 2023 年12 月 20 日 05:12

Azona77 · 2023 年12 月 20 日 05:45

这种定制化的东西怎么可能改进，自己写个css吧

.titlebar-button.mod-maximize[aria-label="最大化"]{
  color:yellow;
}
.titlebar-button.mod-maximize[aria-label="向下还原"]{
  color:red;
}

subframe7536 · 2023 年12 月 20 日 15:48

仅供参考

github.com

subframe7536/obsidian-theme-maple/blob/f31c49c38b3598a20f01f25ebd6e0e29961161fb/src/workspace/titlebar.scss#L3-L25


      
          body.titlebar-button-style {

            &.is-hidden-frameless:is(.mod-windows, .mod-linux) .titlebar-button {

              padding: 0 14px;

          

              svg {

                width: 100%;

                height: 32%;

              }

            }

          

            &.is-frameless:not(.is-hidden-frameless):is(.mod-windows, .mod-linux) .titlebar-button svg:not([class*="logo"]) {

              width: 100%;

              height: 42%;

            }

          

            .titlebar-button.mod-close:hover {

              color: var(--text-on-accent);

            }

          

            .workspace-tab-header-new-tab {

This file has been truncated. show original

github.com

subframe7536/obsidian-theme-maple/blob/f31c49c38b3598a20f01f25ebd6e0e29961161fb/src/workspace/icons.scss#L18-L19


      
          'body.titlebar-button-style .mod-maximize':'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><rect x="2" y="2" width="8" height="8" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="none"/></svg>',

          'body.titlebar-button-style.is-maximized .mod-maximize':'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><g fill="none" stroke="currentColor" stroke-width="60" stroke-linecap="round" stroke-linejoin="round"><path d="M602 932H234c-77.3 0-140-62.7-140-140V424c0-77.3 62.7-140 140-140h368c77.3 0 140 62.7 140 140v368c0 77.3-62.7 140-140 140z" /><path d="M284 284v-50c0-77.3 62.7-140 140-140h368c77.3 0 140 62.7 140 140v368c0 77.3-62.7 140-140 140h-50" /></g></svg>',

happmaoo · 2023 年12 月 22 日 07:31

谢谢，css 还可以有属性选择器，我今天发现