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

Missing styles in game analysis and studies #1636

Open
2 tasks done
SebasF1349 opened this issue Feb 20, 2025 · 0 comments
Open
2 tasks done

Missing styles in game analysis and studies #1636

SebasF1349 opened this issue Feb 20, 2025 · 0 comments
Labels
lichess Lichess

Comments

@SebasF1349
Copy link

SebasF1349 commented Feb 20, 2025

Is there an existing issue outlining your problem?

  • I am using the latest version of the provided userstyle.
  • I have searched the existing issues and they do not solve my problem.

What userstyles are you seeing the problem on?

lbl:lichess

Describe your problem.

As can be seen in the first two screenshots below, some pages in lichess.org are missing styles.

Attach screenshots.

Original colors

Image
Image

What browser(s) are you seeing the problem on?

Vivaldi 7.1.3570.54 (Chrome/132.0.0.0)

Any additional comments?

I've made my own modifications to improve the coloring (can be seen in the next two screenshot above), but I have only tested it in my own browser and with the mocha flavour. I also didn't modify any of the existing styles and didn't check other pages I don't usually use, so there are surely some improvements to be made. But I hope this snippet can help to improve the existing amazing theme.

    /* Main */ 
    header.scrolled {
      background: @crust !important;
    }
      
    /* Notation */ 
    .result,
    .status {
      background: @crust !important;
    }
    line move {
      color: @subtext0 !important;
    }
    interrupt {
      background: @crust !important;
    }
    
    /* Analysis */
    .palantir {
      color: @blue !important;
    }
    span[role="tab"] {
      color: @blue !important;
    }
    povs:not(.printable) {
      background: @crust !important;
    }

    div[class^='advice-summary']:not(.symbol) {
      color: @subtext1 !important;
    }
    
    /* Study */
    .study__player {
      background: @crust !important;
    }
    .study__chapters {
        background: @crust !important;
    }
    button.next {
      background: @surface2 !important;
      color: @subtext0 !important;
    }
    .study__metadata,
    .study__metadata h2,
    .slist tbody tr:nth-child(even),
    .slist tbody tr:nth-child(even) input {
      background: @crust;
    }
    .slist tbody tr:nth-child(odd),
    .slist tbody tr:nth-child(odd) input {
      background: @surface0;
    }
    .slist tbody th {
      color: @subtext0 !important;      
    }
    .study__comment,
    .study__message,
    .study__multiboard,
    .study__share,
    .gamebook .comment,
    .gamebook .comment::after {
      background: @surface0;
    }

My own modification

Image
Image

@github-actions github-actions bot added the lichess Lichess label Feb 20, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
lichess Lichess
Projects
None yet
Development

No branches or pull requests

1 participant