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

apply dark theme to pdf viewer #101

Merged
merged 1 commit into from
Aug 12, 2024
Merged

apply dark theme to pdf viewer #101

merged 1 commit into from
Aug 12, 2024

Conversation

ChangqingW
Copy link
Contributor

@ChangqingW ChangqingW commented Sep 28, 2023

Hi peng,
I tried matching the dark theme in the PDF viewer. I never coded CSS before though so not sure how match the margin color without hard-coding hex values.
Here's how it looked on my end:
Screen Shot 2023-09-28 at 4 09 41 pm
My custom.css:

@import url("https://cdn.jsdelivr.net/gh/pengx17/logseq-dev-theme@main/custom.css");
.dark-theme .image-resize {
  filter: brightness(1) saturate(1);
}
blockquote {
  background-color: #2C3333;
  border-left: 5px solid;
  display: block;
  margin: 1rem 0;
  padding: 8px 20px;
  text-indent: 0;
  border-radius: 2px;
}

.extensions__pdf-settings-item.theme-picker>button.dark {
    background-color: #272c35;
}
.extensions__pdf-container {
  background-color: transparent;

  &[data-theme=dark] {
    background-color: #262E37;

    .textLayer {
      background-color: #272c35;
      opacity: 1;
      /* mix-blend-mode: multiply; */
    }

    .extensions__pdf-hls-text-region {
      mix-blend-mode: normal;
      opacity: .4;
    }

  }
}

@pengx17 pengx17 merged commit 3f0f555 into pengx17:main Aug 12, 2024
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

Successfully merging this pull request may close these issues.

2 participants