mirror of
https://github.com/FreshRSS/FreshRSS.git
synced 2026-02-14 15:31:13 -05:00
1c92d55917
I was tired of having to handle the SCSS themes differently. fix https://github.com/FreshRSS/FreshRSS/issues/7611 Follow-up of https://github.com/FreshRSS/FreshRSS/pull/8200 Convert Ansum and Mapco themes from SCSS to native CSS. The changes are actually quite limited (mostly changing the syntax of the variables and a few other things) Require support for: * https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Nesting * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/Nesting_selector * https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix SCSS and SAAS tools and references are also removed. Tests welcome. The styles are left as individual CSS files as designed originally in SCSS. I expect proper HTTP caching and HTTP/2 to be sufficient instead of aggregating back to a single CSS, but might be done in another PR if needed. At the same time, fixed the fact that we had various whitespace styles in our JSON files, in particular in those themes, sometimes with 2 spaces, or 4 spaces, or tabs. Use tabs everywhere as defined in editorconfig. I would like to merge this one first to complete https://github.com/FreshRSS/FreshRSS/pull/8230 * RTLCSS stringMap https://github.com/FreshRSS/FreshRSS/pull/8241#discussion_r2553175514 https://github.com/MohammadYounes/rtlcss/issues/108#issuecomment-347033134
61 lines
1.9 KiB
CSS
61 lines
1.9 KiB
CSS
:root {
|
|
/* The main color of the theme*/
|
|
--main-first: #36c; /* main color*/
|
|
--main-first-alt: #25c; /* var for hovers*/
|
|
--main-first-light: #effcfd; /* var light 1*/
|
|
--main-first-lighter: #f7fdfe; /* var light 2*/
|
|
--main-first-dark: #35363c; /* var for hovers*/
|
|
--main-first-darker: #1d1e22; /* var for hovers*/
|
|
|
|
/* linked font colors*/
|
|
--main-font-color: #303136;
|
|
--light-font-color: #5b6871;
|
|
--white: #fff; /* white (sometimes we would like to tint it a little)*/
|
|
|
|
/* the whole palette of grays, very useful*/
|
|
/* we will try to tint these grays according to the main color*/
|
|
--grey-darker: #3b3f4d;
|
|
--grey-dark: #5b6871;
|
|
--grey-medium-dark: #a6a7ae;
|
|
--grey-medium: #c5ced3;
|
|
--grey-medium-light: #d5d8db;
|
|
--grey-light: #eff0f2;
|
|
--grey-lighter: #f9fafb;
|
|
|
|
--unread-font-color: $main-first;
|
|
--unread-bg: #f2f6f8;
|
|
--unread-bg-light: #fdfdfe;
|
|
|
|
/* alert colors (red, yellow, green)*/
|
|
--alert-bg: #f5633e; /* the base*/
|
|
--alert-light: #fde0d8; /* +light*/
|
|
--alert-text: #73341f; /* +dark*/
|
|
|
|
--code-text: #e41212;
|
|
--code-bg: #fde3e3;
|
|
|
|
--warning-bg: #f4f762;
|
|
--warning-light: #fdfde0;
|
|
--warning-text: #73762f;
|
|
|
|
--success-bg: #10f587;
|
|
--success-light: #cffde7;
|
|
--success-text: #0c7540;
|
|
|
|
/* favourites*/
|
|
--fav-bg: #ffc300;
|
|
--fav-light: #fff6da;
|
|
|
|
/* the sidebar color, useful if you want a theme that would have a dark sidebar, e.g.*/
|
|
/* stylelint-disable-next-line color-hex-length*/
|
|
--sid-font-color: #ffffff; /* the background color of the left bar and the header*/
|
|
--sid-bg: #303136; /* the general background of the left bar, and of the header*/
|
|
--sid-bg-alt: #26272a; /* background inside groups*/
|
|
--sid-bg-dark: #17181a; /* the hover*/
|
|
--sid-sep: #3f3f3f; /* the separators*/
|
|
--sid-active: $main-first; /* the active color*/
|
|
/* stylelint-disable-next-line color-hex-length*/
|
|
--sid-active-font: #ffffff; /* the active color*/
|
|
--sid-pills: rgba(0,0,0, 0.25); /* capsules*/
|
|
}
|