New Book Details Look - Dark Theme

[Comfy.n]

Hi,

The new Book Details pane appearance in v6.25 looks too much de-emphasized in dark theme (field names).

Is there a way to customise the CSS to make it look similar to what it was before this version?

Here's how it looks to me on default and custom views:

[kovidgoyal]

No, if you want to customize it you have to run calibre from source.

[un_pogaz]

I've just tested it and it's a shame that with Preference > Look & Feel > Book detail and by editing the custom CSS with:

table.fields td.title
{
  text-align: left !important;
  color: black !important;
  font-style: normal !important;
  font-weight: bold !important;
}

you can't bring back the old style.

A like the new, but that a flaw in the customization.
A use the !important and still not work, so no idea to overide this.

[Comfy.n]

Originally Posted by un_pogaz

I've just tested it and it's a shame that with Preference > Look & Feel > Book detail and by editing the custom CSS with:

table.fields td.title
{
  text-align: left !important;
  color: black !important;
  font-style: normal !important;
  font-weight: bold !important;
}

you can't bring back the old style.

yep, thanks for trying.

[un_pogaz]

Okay,

A fix was puch in the source, so it will be in the next release.

At the 6.26, replace the section:

table.fields td.title {
    font-weight: normal;
    font-style: italic;
    color: palette(placeholder-text);
    text-align: right;
}

by this one

table.fields td.title {
  font-weight: bold;
  font-style: normal;
  color: black;
  text-align: left;
}

to bring back the old style.


Also @kovidgoyal, I've noticed that if the user had modified/created a Custom CSS before 6.25, the user is still "using" the old style because the user book_details.css they have is based on the old version.
This could create a lot of confusion if we're not careful.

[Comfy.n]

Originally Posted by un_pogaz

Okay,

A fix was puch in the source, so it will be in the next release.

All good now, @kovid, @un_pogaz!

I just tested the current source and tried the CSS suggested...

table.fields td.title {
font-weight: bold;
font-style: normal;
color: white;
text-align: left;
}

...and I found it looks better, indeed, with the new de-emphasized default color for the field names in the dark theme.

[MerlinMama]

Will there be an option to revert to the old version (or apply the new version) without having to go in and edit the CSS entry/entries? I personally find this new version hard to read, and I don't really want to change all my other preferences to accommodate this if I don't have to.

[kovidgoyal]

Originally Posted by un_pogaz

Also @kovidgoyal, I've noticed that if the user had modified/created a Custom CSS before 6.25, the user is still "using" the old style because the user book_details.css they have is based on the old version.
This could create a lot of confusion if we're not careful.

I know this was why I chose not to do it this way to start with, but given all the people that are complaining about the change, I decided its worth it.

[kovidgoyal]

Originally Posted by MerlinMama

Will there be an option to revert to the old version (or apply the new version) without having to go in and edit the CSS entry/entries? I personally find this new version hard to read, and I don't really want to change all my other preferences to accommodate this if I don't have to.

What options? There is a single option you need to change and it doesnt affect anything else.

[Comfy.n]

I think I'm gonna settle down for a while with the custom styling attached.
Thanks for adding to the current source the possibility of customizing the fields' names CSS!

Spoiler:

PHP Code:

table.fields td.title {color: #A9A9A9;text-align: right; font-size:11px;line-height: 1.1;}

#title_sort{font-size: 9px !important;font-weight: bold;}

#title{ /* font-size: 12px !important;*/
color:orange; font-weight: bold; }

#rating, #rating a, #identifiers, #identifiers  a {font-size: 11px;}

 #tags, #tags a {
color:#F578BE;
    /*font-weight: bold;*/
}

#current_status a {
color:orange;
    font-weight: bold;
}

#timestamp a {
/*color:orange;*/
    font-weight: bold;
}

#formats a {
/*color:orange;*/
    font-weight: bold;
    font-size: 11px !important;} 


[MerlinMama]

Originally Posted by kovidgoyal

What options? There is a single option you need to change and it doesnt affect anything else.

What is the single option I need to change? I haven't seen anything to revert it. If it's in the next update, that's what I wanted to know, if there would be an option to revert without going into the CSS, since I don't follow the previous posts about that (except it doesn't work right now but will in 6.26?)

If I've just missed it, sorry, and please point me in the right direction

As for the preferences I don't want to change, I'm talking about if I can't revert (or whatever the option is) I might have to change my colours to make things more readable for myself. And if I change one colour, it might mean changing another and so on.

[un_pogaz]

Originally Posted by kovidgoyal

I know this was why I chose not to do it this way to start with, but given all the people that are complaining about the change, I decided its worth it.

I understand.
Personally, I wouldn't have had any problems in the first implementation if !important can be used to propely override default styles.
Maybe there's a solution that combines the 2. We'll see if an idea pops up.

[kovidgoyal]

Go to preferences->look & feel->Book details->Text styling and change palette(placeholder-text) to whatever color you like. And yes you have to wait for the next release before it will work.

Originally Posted by MerlinMama

What is the single option I need to change? I haven't seen anything to revert it. If it's in the next update, that's what I wanted to know, if there would be an option to revert without going into the CSS, since I don't follow the previous posts about that (except it doesn't work right now but will in 6.26?)

If I've just missed it, sorry, and please point me in the right direction

As for the preferences I don't want to change, I'm talking about if I can't revert (or whatever the option is) I might have to change my colours to make things more readable for myself. And if I change one colour, it might mean changing another and so on.

[ownedbycats]

Originally Posted by kovidgoyal

Go to preferences->look & feel->Book details->Text styling and change palette(placeholder-text) to whatever color you like. And yes you have to wait for the next release before it will work.

Does this mean that there's binary changes, or will it work running source?

[BetterRed]

FWIW - the styling of "Comments" and other long text header [header on top] names in Book details don't match the style of other column header names:



Not enamoured with the imposition of right justification of other header names, IMO cosmetic changes to the default appearance should always be a preference option.

BR