California Coast Theme

[amarionette]

Hello,

I wanted to propose a feature request to adjust spacing between paragraphs. I do not want to adjust the line height between each line, only paragraphs. In this sense, a paragraph would be any time I enter two consecutive line breaks (Enter). Ideally, it would not adjust spacing to a heading preceding (above) a paragraph, and instead only add spacing after a paragraph.

I am using the “Style Settings” plugin but do not see the option

[fenty.ratna]

Hi, I really love the theme both in dark and light mode. But I could not see the quote pretty well particularly on dark mode. Is there any way to add border for the block quote?

Here is the original view

[janpeeters]

I was looking for the same thing and I created this custom CSS snippet for it:

/* diminish height of empty lines */
.cc-pretty-editor p {
  margin-bottom: 1rem !important;
}

You can make the margin-bottom even smaller is you like it even less high.
This is only for Preview, I’ve not yet found a way to get this in Editor view.
Hope this helps.

[Headway]

Does anybody know how to make this theme’s code blocks work with “Editor Syntax Highlight”? Latex and metadata working without a problem.

@fenty.ratna

Is there any way to add border for the block quote?

You can find it with the dev tools console (ctrl+shift+i on windows)

[amarionette]

Thank you this works well!

[amarionette]

Can anyone help advise me on how to achieve the gradient line at the top without applying this style to the inline code text and code blocks? Looking for a selector to just focus on that top line.

I am using the following styles to achieve this:

 .markdown-preview-view code {
  background: -webkit-linear-gradient(130deg, #24c6dc, #5433ff 41.07%, #f09 76.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

[fenty.ratna]

I am using mac. I usually use atom to create custom CSS. But for this theme i could not override the css.

[janpeeters]

@Headway

Does anybody know how to make this theme’s code blocks work with “Editor Syntax Highlight”? Latex and metadata working without a problem.

Editor Syntax Highlighting works fine for me with CC theme.
Did you type the code language after the first ```? You have to put css, php, xml or whatever right after the three accents.

[Headway]

@fenty.ratna

But for this theme i could not override the css.

Why? It’s working for me. If it’s not then it’s a wrong selector.

@janpeeters

Did you type the code language after the first ```?

Yes, the block is just plain text on a gray background

[janpeeters]

Can you try typing ‘html’ right after the ``` on the first line like this:

That should give this:

[Headway]

@janpeeters

Can you try typing ‘html’ right after the ``` on the first line like this:

I thought plugin is highlight automatically. Thanks, it’s working

[mgmeyers]

@amarionette I’m not sure what do you mean by top line? Could you clarify?

[janpeeters]

Today I noticed that my code didn’t work anymore. I now did it like this:

.cc-pretty-preview .markdown-preview-section > div > * {
  line-height: var(--editor-line-height);
  margin: 0 0 1rem;
}

[janpeeters]

I think @amarionette means the box-shadow under the title bar which looks a bit like a line.

[mgmeyers]

Ah, well this could do the trick:

.view-header::after {
    content: "";
    background: -webkit-linear-gradient(130deg, #24c6dc, #5433ff 41.07%, #f09 76.05%);
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
}

[syreinii]

Hi! I’m hoping this is the right place to ask for some help. I was wondering whether the horizontal rule is supposed to look like it does in the attached image, and if there’s any way I can change it to be thinner? I’ve tried re-installing California Coast but no change, and I absolutely don’t know what I’m doing with css and wouldn’t be able to edit it myself. I’m using Windows by the way. Thank you!

[janpeeters]

Do you have any custom css snippets active?

[syreinii]

I do yes, just the one, but the horizontal rule looked like this before I had any snippets active

[janpeeters]

Then I don’t know. Sorry I can’t help you. Hopefully @mgmeyers knows.

[mgmeyers]

See here for how to remove the spacing around horizontal rules: California Coast Theme - #7 by mgmeyers

I can’t think of any reason for the gray background like that, though. Here’s what they should look like: