Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Components are not using docsify's theme style #1

Open
Nek-12 opened this issue Aug 3, 2023 · 1 comment
Open

Components are not using docsify's theme style #1

Nek-12 opened this issue Aug 3, 2023 · 1 comment

Comments

@Nek-12
Copy link

Nek-12 commented Aug 3, 2023

The default style is unsightly and does not use docsify's theme colors. The plugins should at least try to use current theme's colors

image

@Nek-12 Nek-12 changed the title How to style the label Components are not using docsify's theme style Aug 3, 2023
@Nek-12
Copy link
Author

Nek-12 commented Aug 3, 2023

Sensible defaults:

/* App name - custom theme overrides */
    .app-name {
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }
    /* Version selector container */
    .version-selector {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 15px auto 10px auto;
  }
  /* Version selector label */
  .version-selector-label {
    margin-right: 10px;
  }
  /* Version selector dropdown */
  .version-selector select {
    font-size: 14px;
    padding: 4px 8px;
    color: var(--theme-color);
    background-color: var(--background-color);
    border: 1px solid var(--theme-color);
    cursor: pointer;
    border-radius: 2px;
    max-width: 200px;
    width: 100%;
  }
  .version-selector select:focus {
    outline: none;
    border-color: var(--selection-color);
  }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant