🖱️ Fix selection highlight css rules for text generated by cmd shortcode

🤔 Which problem are you solving ?

When any text generated by the cmd shortcode is selected, it looks as though nothing is selected.

👨‍🔬 What do you think creates this problem ?

The default selection highlight css rules from assets\css\template-styles.css are

::-moz-selection { /* Code for Firefox */
    background: rgba(0,0,0,.8);
    color: #fefefe;
}

::selection {
  background: rgba(0,0,0,.8);
  color: #fefefe;
}

But while selecting any text generated by cmd shortcode, these highlighting rules fail since these are the default styles for the text generated by cmd shortcode. Thus it appears as though, nothing has been selected.

🖼️ Can you show the problem in a screenshot ?

I have selected the full line 👆. But it appears as though, nothing has been selected.

🖼️ Can you show the improvement/fix in a screenshot ?

I have selected the full line 👆. The selected text is seen.

📝 Can you summarize your fix in 1 line ?

I just inverted the colors so that the selected text is distinguishable.

🖥️ Can you share a live demo of site after the fix is implemented ?

Visit this .

zwbetz-gh / cupper-hugo-theme