Skip to content

Commit

Permalink
Adjust to fcoo-colors v2
Browse files Browse the repository at this point in the history
  • Loading branch information
NielsHolt committed Dec 17, 2023
1 parent a4dede7 commit ada352a
Show file tree
Hide file tree
Showing 13 changed files with 4,301 additions and 91 deletions.
5 changes: 3 additions & 2 deletions bower.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "fcoo-application-logo-and-color",
"version": "2.2.0",
"version": "2.2.1",
"homepage": "https://github.com/FCOO/fcoo-application-logo-and-color",
"authors": [
"Niels Holt"
Expand All @@ -17,7 +17,8 @@
"dependencies": {
"jquery": "latest",
"modernizr-javascript": "fcoo/modernizr-javascript#latest",
"fcoo-data-files": "fcoo/fcoo-data-files#latest"
"fcoo-data-files": "fcoo/fcoo-data-files#latest",
"fcoo-colors": "fcoo/fcoo-colors#^2.0.0"
},
"devDependencies": {
"bourbon": "latest",
Expand Down
135 changes: 135 additions & 0 deletions demo/bower_components.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,135 @@
@charset "UTF-8";
/***********************************************
fcoo-colors.scss,
(c) 2023, FCOO
https://github.com/fcoo/fcoo-colors
https://github.com/fcoo
************************************************/
/***********************************************************************
leaflet-bootstrap-marker-mixin.scss
*************************************************************************/
/***********************************************************************
marker-circle-color
Create style for bsMarkerCircle in different colors
*************************************************************************/
/***********************************************************************
lbm-circle-and-icon-classes
Create class for bsMarkerCircle named $name with color and color-border
*************************************************************************/
/***********************************************************************
lbm-marker-and-icon-classes
Create class for bsMarkerCircle named $name with color and color-border
*************************************************************************/
/***********************************************************************
fa-lbm-color
Create class for color and border-color used by L.bsMarkerAsIcon (and $.bsMarkerAsIcon)
to create fa-icon looking like the marker
*************************************************************************/
/***********************************************
_leaflet-polyline-mixin.scss
(c) 2018, FCOO
https://github.com/FCOO/leaflet-polyline
https://github.com/FCOO
************************************************/
/**********************************************************
fcoo-colors-variables.scss,
https://github.com/FCOO/fcoo-colors
https://github.com/FCOO
**********************************************************/
/**********************************************************
The color scheme is from LinkedIn and shown in linkedin-palette-screen.pdf
**********************************************************/
/**********************************************************
Color for time = tree colors for the past, now, and the future
**********************************************************/
/**********************************************************
Application color
Defaults is = DALO color in "Forsvarsministeriets koncernfælles Designmanual 2018"
Can be changed by mixin application-base-color( new-color )
in src/_fcoo-color-mixin.scss
**********************************************************/
/**********************************************************
fcoo-colors-mixin.scss
https://github.com/FCOO/fcoo-colors
https://github.com/FCOO
**********************************************************/
/**********************************************************
Functions to get colors in different (relative) gradients
**********************************************************/
/**********************************************************
marker-and-polygon-color
create color-classes for bsMarker and bsPolyline
**********************************************************/
/**********************************************************
Application color
Defaults is = DALO color in "Forsvarsministeriets koncernfælles Designmanual 2018"
Can be changed by mixin application-base-color( new-color )
**********************************************************/
/**********************************************************
Color for time = tree colors for the past, now, and the future
**********************************************************/
:root {
--fc-time-past-color: #EADCC1;
--fc-time-past-text-color: #000;
--fc-time-now-color: #3B7511;
--fc-time-now-text-color: #fff;
--fc-time-future-color: #94B5C2;
--fc-time-future-text-color: #000;
}

.time-past-text-color {
color: var(--fc-time-past-text-color);
}

.time-past-color {
background-color: var(--fc-time-past-color);
}

.time-now-text-color {
color: var(--fc-time-now-text-color);
}

.time-now-color {
background-color: var(--fc-time-now-color);
}

.time-future-text-color {
color: var(--fc-time-future-text-color);
}

.time-future-color {
background-color: var(--fc-time-future-color);
}

/**********************************************************
Application color
Defaults is = DALO color in "Forsvarsministeriets koncernfælles Designmanual 2018"
Can be changed by mixin application-base-color( new-color )
in src/_fcoo-color-mixin.scss
**********************************************************/
:root {
--_fcoo-default-app-base-color: #3f5b58;
--fcoo-app-base-color: var(--_fcoo-app-base-color, var(--_fcoo-default-app-base-color));
--_fcoo-default-app-base-text-color: #ffffff;
--fcoo-app-base-text-color: var(--_fcoo-app-base-text-color, var(--_fcoo-default-app-base-text-color));
}

.fcoo-app-base-text-color {
color: var(--fcoo-app-base-text-color);
}

.fcoo-app-base-color {
background-color: var(--fcoo-app-base-color);
}
Loading

0 comments on commit ada352a

Please sign in to comment.