Skip to content

Adds dark mode and simplify CSS #42

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

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Adds dark mode and simplify CSS #42

wants to merge 4 commits into from

Conversation

Tpt
Copy link

@Tpt Tpt commented Mar 5, 2025

  • remove class="box", the code already has a different background color
  • simplify the table style to be closer to ReSpec
  • add explicit code tags in the table
  • drop the style block that is unused

Preview | Diff

- remove class="box", the code already has a different background color
- simplify the table style to be closer to ReSpec
- add explicit <code> in the table
- drop the style block that is unused
@Tpt Tpt requested review from kasei and rubensworks March 5, 2025 13:56
@Tpt Tpt self-assigned this Mar 5, 2025
spec/index.html Outdated
@@ -382,83 +95,83 @@ <h2>Introduction</h2>
<section id="example1">
<h3>Example</h3>
<p>The following artificial example is used to illustrate the features of serializing results in each format.</p>
<table class="result">
<table>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The table borders are lost (light and dark modes) because of the lack of class="result" and it's CSS.

This comment was marked as outdated.

Copy link
Contributor

@afs afs Mar 6, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Simple reverting the removal will not fix the issue.
The missing borders are due to removal of the CSS and its application via class.

If reSpec has a way to do it, the fix might be to adopt the reSpec way.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have added back borders.

Personally, if I would tend to think that following closely ReSpec stylesheet will make things easier in the future.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added to td not th?

c.f.
https://www.w3.org/TR/sparql12-results-csv-tsv/#example1
https://www.w3.org/TR/sparql11-results-csv-tsv/#example1

I don't care for the inter-cell gaps but just a black border on white everywhere is

We can try the reSpec way. This document can be a experiment.

Copy link
Author

@Tpt Tpt Mar 9, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added to td not th?

Indeed, my bad. Fixed. Thanks!

We can try the reSpec way. This document can be a experiment.

The reSpec default table rendering is the one it had when I first uploaded the PR: no border

Copy link
Author

@Tpt Tpt Mar 9, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The reSpec default table rendering is the one it had when I first uploaded the PR: no border

Edit: There is actually a class="data" in the W3C stylesheet. There is no vertical borders but horizontal ones. Does it suits you? I have updated the PR to use it. https://www.w3.org/StyleSheets/TR/2021/README.html#table

@Tpt Tpt force-pushed the tpt/dark-mode branch from bbef46a to be2cc1c Compare March 9, 2025 16:27
@TallTed
Copy link
Member

TallTed commented Mar 10, 2025

The "Comment (not part of the table)" columns are quite confusing. They certainly appear to be part of the tables in which they appear...

@Tpt
Copy link
Author

Tpt commented Mar 13, 2025

The "Comment (not part of the table)" columns are quite confusing. They certainly appear to be part of the tables in which they appear...

Indeed. However, I would love to avoid doing changes to the content in this MR and focus only on CSS

@Tpt Tpt added the spec:editorial Minor change in the specification (markup, typo, informative text; class 1 or 2) label Mar 20, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
spec:editorial Minor change in the specification (markup, typo, informative text; class 1 or 2)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants