lasers
/
FreeTube
mirror of https://github.com/FreeTubeApp/FreeTube
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

added light grey and dark grey to themes.css and colors.js

This commit is contained in:
vboxuser 2023-10-12 12:49:54 -06:00
parent 4398530ec9
commit 637c7b7c23
2 changed files with 44 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/helpers/colors.js
View File

@ -15,6 +15,8 @@ export const colors = [
{ name: 'Amber', value: '#FFAB00' },
{ name: 'Orange', value: '#FF6D00' },
{ name: 'DeepOrange', value: '#DD2C00' },
{ name: 'LightGrey', value: '#B1B1B1'},
{ name: 'DarkGrey', value: '#696969'},
{ name: 'DraculaCyan', value: '#8BE9FD' },
{ name: 'DraculaGreen', value: '#50FA7B' },
{ name: 'DraculaOrange', value: '#FFB86C' },

42
src/renderer/themes.css
View File

@ -263,6 +263,9 @@ it can be safely elided. This looks quite pleasant on this theme. */
--logo-text-bar-color: url("../../_icons/textBlackSmall.png");
}
.mainLightGrey,
.mainDarkGrey,
.mainRed {
--primary-color: #f44336;
--primary-color-hover: #e53935;
@ -359,6 +362,18 @@ it can be safely elided. This looks quite pleasant on this theme. */
--primary-color-active: #D84315;
}
.mainLightGrey {
--primary-color: #B1B1B1;
--primary-color-hover: #848482;
--primary-color-active: #7E7E7E;
}
.mainDarkGrey {
--primary-color: #696969;
--primary-color-hover: #555555;
--primary-color-active: #4E4E4E;
}
.mainDraculaCyan,
.mainDraculaGreen,
.mainDraculaOrange,
@ -543,6 +558,9 @@ it can be safely elided. This looks quite pleasant on this theme. */
--text-with-accent-color: #000000;
}
.secLightGrey,
.secDarkGrey,
.secRed {
--accent-color: #f44336;
--accent-color-hover: #e53935;
@ -735,6 +753,30 @@ it can be safely elided. This looks quite pleasant on this theme. */
--accent-color-opacity4: rgba(255,87,34,0.24);
}
.secLightGrey {
--accent-color: #B1B1B1;
--accent-color-hover: #848482;
--accent-color-active: #7E7E7E;
--accent-color-light: #cfcfcf;
--accent-color-visited: #797979;
--accent-color-opacity1: rgba(177,177,177,0.04);
--accent-color-opacity2: rgba(177,177,177,0.12);
--accent-color-opacity3: rgba(177,177,177,0.16);
--accent-color-opacity4: rgba(177,177,177,0.24);
}
.secDarkGrey {
--accent-color: #696969;
--accent-color-hover: #555555;
--accent-color-active: #4E4E4E;
--accent-color-light: #A5A5A5;
--accent-color-visited: #444444;
--accent-color-opacity1: rgba(105,105,105,0.04);
--accent-color-opacity2: rgba(105,105,105,0.12);
--accent-color-opacity3: rgba(105,105,105,0.16);
--accent-color-opacity4: rgba(105,105,105,0.24);
}
.secDraculaCyan,
.secDraculaGreen,
.secDraculaOrange,