Skip to content

Commit

Permalink
feat: add default ocean blue swatch
Browse files Browse the repository at this point in the history
  • Loading branch information
@Juveniel @joneff
Juveniel authored and joneff committed Mar 21, 2022
1 parent 9045b47 commit 867ee02
Show file tree
Hide file tree
Showing 2 changed files with 263 additions and 0 deletions.
262 changes: 262 additions & 0 deletions packages/default/lib/swatches/default-ocean-blue.json
View file
@@ -0,0 +1,262 @@
{
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
"name": "Default Ocean Blue",
"product": "kendo",
"base": "@progress/kendo-theme-default",
"version": "5.1.2-dev.7",
"previewColors": [
"#ffffff",
"#f5f5f5",
"#1274AC",
"#0f6190",
"#424242"
],
"components": [],
"groups": [
{
"name": "Theme colors",
"variables": {
"primary": {
"name": "Primary",
"type": "color",
"value": "#1274AC"
},
"secondary": {
"name": "Secondary",
"type": "color",
"value": "#757575"
},
"tertiary": {
"name": "Tertiary",
"type": "color",
"value": "#226581"
},
"info": {
"name": "Info",
"type": "color",
"value": "#0058E9"
},
"success": {
"name": "Success",
"type": "color",
"value": "#33a600"
},
"warning": {
"name": "Warning",
"type": "color",
"value": "#F5A600"
},
"error": {
"name": "Error",
"type": "color",
"value": "#D51923"
},
"light": {
"name": "Light",
"type": "color",
"value": "#757575"
}
}
},
{
"name": "Body",
"variables": {
"body-text": {
"name": "Body text color",
"type": "color",
"value": "#424242"
},
"body-bg": {
"name": "Body background",
"type": "color",
"value": "#ffffff"
},
"heading-text": {
"name": "Headings text color",
"type": "color",
"value": "#272727"
},
"subtle-text": {
"name": "Subtle text color",
"type": "color",
"value": "#666666"
},
"disabled-text": {
"name": "Disabled text color",
"type": "color",
"value": "#8f8f8f"
}
}
},
{
"name": "Components",
"variables": {
"component-text": {
"name": "Component text color",
"type": "color",
"value": "#424242"
},
"component-bg": {
"name": "Component background",
"type": "color",
"value": "#ffffff"
},
"base-text": {
"name": "Header text color",
"type": "color",
"value": "#424242"
},
"base-bg": {
"name": "Header background",
"type": "color",
"value": "#fafafa"
},
"hovered-text": {
"name": "Hover text color",
"type": "color",
"value": "#424242"
},
"hovered-bg": {
"name": "Hover background",
"type": "color",
"value": "#ececec"
},
"selected-text": {
"name": "Selected text color",
"type": "color",
"value": "#ffffff"
},
"selected-bg": {
"name": "Selected background",
"type": "color",
"value": "#1274AC"
}
}
},
{
"name": "Button",
"variables": {
"kendo-button-text": {
"name": "Button text color",
"type": "color",
"value": "#424242"
},
"kendo-button-bg": {
"name": "Button background",
"type": "color",
"value": "#f5f5f5"
},
"kendo-flat-button-hover-opacity": {
"name": "Flat Button hover opacity",
"type": "number",
"value": "4%"
},
"kendo-flat-button-active-opacity": {
"name": "Flat Button active opacity",
"type": "number",
"value": "6%"
},
"kendo-flat-button-selected-opacity": {
"name": "Flat Button selected opacity",
"type": "number",
"value": "8%"
}
}
},
{
"name": "Link",
"variables": {
"link-text": {
"name": "Link text color",
"type": "color",
"value": "#1274AC"
},
"link-hover-text": {
"name": "Link hover text color",
"type": "color",
"value": "#0f6190"
}
}
},
{
"name": "Dataviz",
"variables": {
"series-a": {
"name": "Series A",
"type": "color",
"value": "#1274AC"
},
"series-b": {
"name": "Series B",
"type": "color",
"value": "#ffd246"
},
"series-c": {
"name": "Series C",
"type": "color",
"value": "#78d237"
},
"series-d": {
"name": "Series D",
"type": "color",
"value": "#28b4c8"
},
"series-e": {
"name": "Series E",
"type": "color",
"value": "#2d73f5"
},
"series-f": {
"name": "Series F",
"type": "color",
"value": "#aa46be"
}
}
},
{
"name": "Scheduler",
"variables": {
"scheduler-event-bg": {
"name": "Scheduler event background",
"type": "color",
"value": "#1274AC"
},
"scheduler-event-selected-bg": {
"name": "Scheduler event selected background",
"type": "color",
"value": "#0f6190"
}
}
},
{
"name": "Pager",
"variables": {
"pager-number-text": {
"name": "Pager number text color",
"type": "color",
"value": "#424242"
},
"pager-number-hover-bg": {
"name": "Pager number hover background",
"type": "color",
"value": "#ececec"
},
"pager-number-hover-text": {
"name": "Pager number hover text color",
"type": "color",
"value": "#424242"
},
"pager-number-selected-bg": {
"name": "Pager number selected background",
"type": "color",
"value": "#1274AC"
},
"pager-number-selected-text": {
"name": "Pager number selected text color",
"type": "color",
"value": "#ffffff"
}
}
}
]
}
1 change: 1 addition & 0 deletions packages/default/lib/swatches/index.js
View file
Expand Up @@ -3,6 +3,7 @@ module.exports.mainDark = require('./default-main-dark.json');
module.exports.blue = require('./default-blue.json');
module.exports.green = require('./default-green.json');
module.exports.nordic = require('./default-nordic.json');
module.exports.orange = require('./default-ocean-blue.json');
module.exports.orange = require('./default-orange.json');
module.exports.purple = require('./default-purple.json');
module.exports.turquoise = require('./default-turquoise.json');
Expand Down

0 comments on commit 867ee02

Please sign in to comment.