Skip to content

UI inconsistency in dark mode #31137

@hyoban

Description

@hyoban

Self Checks

  • I have read the Contributing Guide and Language Policy.
  • This is only for bug report, if you would like to ask a question, please head to Discussions.
  • I have searched for existing issues search for existing issues, including closed ones.
  • I confirm that I am using English to submit this report, otherwise it will be closed.
  • 【中文用户 & Non English User】请使用英语提交,否则会被关闭 :)
  • Please do not modify this template :) and fill in all the required fields.

Dify version

1.11.4

Cloud or Self Hosted

Cloud

Steps to reproduce

There should be no border below the tab.

Image

/* Fallback: any app sticky header using input-bg variables should use the sticky header bg when sticky */
html[data-theme="dark"] .sticky, html[data-theme="dark"] .is-sticky {
background-color: var(--color-components-sticky-header-bg) !important;
border-bottom: 1px solid var(--color-components-sticky-header-border) !important;
}

No extra border in the plugin list page.

Image

Background color and border in the marketplace.

Image

No border below the setting title.

Image

✔️ Expected Behavior

It should behave consistently with the light mode.

❌ Actual Behavior

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    good first issueGood first issue for newcomersstatus: accepting prsGo ahead, send a pull request that resolves this issue

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions