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

Added new color variable #93

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

Added new color variable #93

wants to merge 5 commits into from

Conversation

NecrCode
Copy link

Added a background color variable for memdoc & memdesc

@jothepro
Copy link
Owner

Sry for not reaching out to you for so long.

Did you intend to also change the --primary-dark-color variable? It doesn't seem related to the PR?

Can you help me with how & were this change affects the theme?

@NecrCode
Copy link
Author

NecrCode commented Dec 7, 2022

apologies for the late reply.

yes, i did, but for dark mode only. as for light mode i've left the original colors unchanged.

Sure, but the changes that i've made are only tested on docs.wxwidgets.org website ,
as for how the changes will affect the theme... WxMenu here's a picture after using the patched css :

wxmenu

doxygen-awesome.css Outdated Show resolved Hide resolved
@NecrCode
Copy link
Author

NecrCode commented Dec 7, 2022

as for --fragment-desc-background i used it in adding a background color to both:
table.memberdecls .mdescLeft, table.memberdecls .mdescRight And
div.memdoc.

and that's pretty much it.

Copy link
Owner

@jothepro jothepro left a comment

Choose a reason for hiding this comment

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

Thanks for the detailed explanation!

I like the concept of coloring the brief description (.mdescLeft, .mdescRight) in the same color as the member documentation (.memdoc), but I think it needs some polishing and I'm not yet convinced that I want to make it the default.

Pls bear with me, it may take some time to figure out how this can be done and if I can bring it to main. In any case consider sharing your customization here so others can adopt it and give feedback while I am still hesitant. 🙈

doxygen-awesome.css Outdated Show resolved Hide resolved
Comment on lines -189 to +190
--primary-dark-color: #86a9c4;
--primary-dark-color: #ddb582;
Copy link
Owner

Choose a reason for hiding this comment

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

The new colors that you choose for WxWidgets look great IMO! I'd like to keep the original colors as default though, for both variables, --primary-dark-color and --fragment-desc-background.

@@ -1791,7 +1794,7 @@ table.memberdecls .memItemRight {
}

table.memberdecls .mdescLeft, table.memberdecls .mdescRight {
background: none;
background: var(--fragment-desc-background);
Copy link
Owner

Choose a reason for hiding this comment

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

I see a problem with this. It doesn't work well with the current design of the member overview. The block above has rounded corners and creates a small gap, which doesn't look nice IMO:

I'd like the background coloring of the brief description to be an option that can be enabled, but I'm not sure how this could be implemented atm. :/

Copy link
Author

Choose a reason for hiding this comment

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

could be solved by removing border-right/left-radius for both .memItem left & right respectively,
also i'm not sure about border color (bottom) should it be left as it is, or removed too and added to mdesc's bottom as shown here:
image

or should it be just like this, no borders at all:
image

what do you think? ( and i truly appreciate the detailed feedback, thanks :) !)

Co-authored-by: jothepro <github@jothe.pro>
@jothepro
Copy link
Owner

I am so sorry for not giving you any reply @NecrCode, I must have completely overlooked your response, I re-discovered it by accident rn! 😳

I will revisit your proposal in the next design iteration. I am not yet sure when this will happen, likely somewhere in the next 6 months. Stay tuned!

color: var(--page-foreground-color);
padding: var(--spacing-small) 0;
}

table.memberdecls .mdescLeft{
Copy link
Author

Choose a reason for hiding this comment

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

alright, the small gap is no longer there, i was going to remove bottom border for memItemL/R, but it would look a bit weird when there's no mdescL/R, so that's why i left it as is.

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.

None yet

2 participants