Compare commits

...

4 Commits

Author SHA1 Message Date
Molkobain
682c821d0e Fix combodo-backoffice-darkmoon-theme version to 3.0.0 2021-12-20 16:12:14 +01:00
Molkobain
5f382ee053 Fix ThemeHandlerTest for file imports in a module 2021-12-20 15:56:58 +01:00
Stephen Abello
dc81630b16 Add Darkmoon to default datamodel 2021-12-20 14:00:21 +01:00
Pierre Goiffon
f84c095b22 💡 Some PHPDoc 2021-12-16 14:56:27 +01:00
42 changed files with 3199 additions and 3 deletions

View File

@@ -161,7 +161,7 @@ abstract class CMDBObject extends DBObject
*
* @param string $sId ID of the user doing the change, null if not done by a user (eg. background task)
*
* @since 3.0.0
* @since 3.0.0 N°2847 following the addition of CMDBChange.user_id
*/
public static function SetTrackUserId($sId)
{

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<itop_design xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="3.0">
<branding>
<themes>
<theme id="darkmoon" _delta="define">
<variables>
</variables>
<imports>
<import id="nord-scss-variables" xsi:type="variables">combodo-backoffice-darkmoon-theme/vendors/nord/src/sass/nord.scss</import>
<import id="darkmoon-scss-variables" xsi:type="variables">combodo-backoffice-darkmoon-theme/scss/scss-variables.scss</import>
</imports>
<stylesheets>
<stylesheet id="fullmoon">../css/backoffice/main.scss</stylesheet>
<stylesheet id="editor">combodo-backoffice-darkmoon-theme/scss/editor.scss</stylesheet>
</stylesheets>
<precompiled_stylesheet>combodo-backoffice-darkmoon-theme/precompiled-themes/main.css</precompiled_stylesheet>
</theme>
</themes>
</branding>
</itop_design>

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('CS CZ', 'Czech', 'Čeština', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('DA DA', 'Danish', 'Dansk', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('DE DE', 'German', 'Deutsch', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('EN US', 'English', 'English', array(
'theme:darkmoon' => 'Dark moon',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('ES CR', 'Spanish', 'Español, Castellano', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('FR FR', 'French', 'Français', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('HU HU', 'Hungarian', 'Magyar', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('IT IT', 'Italian', 'Italiano', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('JA JP', 'Japanese', '日本語', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('NL NL', 'Dutch', 'Nederlands', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('PT BR', 'Brazilian', 'Brazilian', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('RU RU', 'Russian', 'Русский', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('SK SK', 'Slovak', 'Slovenčina', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('TR TR', 'Turkish', 'Türkçe', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,26 @@
<?php
/**
* Localized data
*
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with iTop. If not, see <http://www.gnu.org/licenses/>
*/
Dict::Add('ZH CN', 'Chinese', '简体中文', array(
'theme:darkmoon' => 'Dark moon~~',
));

View File

@@ -0,0 +1,17 @@
<?php
// PHP Data Model definition file
// WARNING - WARNING - WARNING
// DO NOT EDIT THIS FILE (unless you know what you are doing)
//
// If you use supply a datamodel.xxxx.xml file with your module
// the this file WILL BE overwritten by the compilation of the
// module (during the setup) if the datamodel.xxxx.xml file
// contains the definition of new classes or menus.
//
// The recommended way to define new classes (for iTop 2.0) is via the XML definition.
// This file remains in the module's template only for the cases where there is:
// - either no new class or menu defined in the XML file
// - or no XML file at all supplied by the module

View File

@@ -0,0 +1,52 @@
<?php
//
// iTop module definition file
//
SetupWebPage::AddModule(
__FILE__, // Path to the current file, all other file names are relative to the directory containing this file
'combodo-backoffice-darkmoon-theme/3.0.0',
array(
// Identification
//
'label' => 'Backoffice: Darkmoon theme',
'category' => 'business',
// Setup
//
'dependencies' => array(
),
'mandatory' => true,
'visible' => false,
// Components
//
'datamodel' => array(
'model.combodo-backoffice-darkmoon-theme.php'
),
'webservice' => array(
),
'data.struct' => array(
// add your 'structure' definition XML files here,
),
'data.sample' => array(
// add your sample data XML files here,
),
// Documentation
//
'doc.manual_setup' => '', // hyperlink to manual setup documentation, if any
'doc.more_information' => '', // hyperlink to more information, if any
// Default settings
//
'settings' => array(
// Module specific settings go here, if any
),
)
);
?>

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,829 @@
.cke_reset_all,
.cke_reset_all *,
.cke_reset_all a,
.cke_reset_all textarea {
color: $ibo-color-grey-950 !important;
}
.cke_reset_all fieldset {
border: 2px groove #e0dfe3 !important;
}
.cke_chrome {
border: 1px solid $ibo-color-grey-300 !important;
}
.cke_editable{
background: $ibo-color-grey-100;
}
.cke_inner {
background: $ibo-color-grey-300 !important;
}
.cke_top {
border-bottom: 1px solid $ibo-color-grey-500 !important;
background: $ibo-color-grey-200 !important;
white-space: normal !important;
}
.cke_float .cke_top {
border: 1px solid $ibo-color-grey-500 !important;
}
.cke_bottom {
border-top: 1px solid $ibo-color-grey-500 !important;
background: $ibo-color-grey-200 !important;
}
.cke_browser_ios .cke_contents {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.cke_resizer {
border-color: transparent #bcbcbc transparent transparent;
}
.cke_resizer_rtl {
border-color: transparent transparent transparent #bcbcbc;
}
.cke_panel {
background-color: $ibo-color-grey-200;
border: 1px solid #d1d1d1;
}
.cke_panel_listItem.cke_selected a,
.cke_panel_listItem a:hover,
.cke_panel_listItem a:focus,
.cke_panel_listItem a:active {
background-color: #e9e9e9;
}
.cke_panel_listItem a:focus {
outline: 1px dotted #000;
}
.cke_panel_grouptitle {
color: #484848;
border-bottom: 1px solid #d1d1d1;
background: #f8f8f8;
}
.cke_colorblock,
.cke_colorblock a {
text-decoration: none;
color: #000;
}
a:hover.cke_colorbox,
a:focus.cke_colorbox,
a:active.cke_colorbox {
outline: 0;
padding: 0;
border: 2px solid #139ff7;
}
a:hover.cke_colorbox {
border-color: #bcbcbc;
}
a.cke_colorauto,
a.cke_colormore {
border: #fff 1px solid;
padding: 3px;
display: block;
cursor: pointer;
}
a:hover.cke_colorauto,
a:hover.cke_colormore,
a:focus.cke_colorauto,
a:focus.cke_colormore,
a:active.cke_colorauto,
a:active.cke_colormore {
outline: 0;
border: #139ff7 1px solid;
background-color: #f8f8f8;
}
a:hover.cke_colorauto,
a:hover.cke_colormore {
border-color: #bcbcbc;
}
.cke_colorauto span.cke_colorbox {
width: 18px;
height: 18px;
border: 1px solid #808080;
margin-left: 1px;
margin-top: 3px;
}
.cke_rtl .cke_colorauto span.cke_colorbox {
margin-left: 0;
margin-right: 1px;
}
span.cke_colorbox[style*="#ffffff"],
span.cke_colorbox[style*="#FFFFFF"],
span.cke_colorbox[style="background-color:#fff"],
span.cke_colorbox[style="background-color:#FFF"],
span.cke_colorbox[style*="rgb(255,255,255)"],
span.cke_colorbox[style*="rgb(255, 255, 255)"] {
border: 1px solid #808080;
width: 18px;
height: 18px;
}
.cke_toolbar {
float: left;
}
.cke_rtl .cke_toolbar {
float: right;
}
.cke_toolgroup {
border: 0;
float: left;
margin: 1px 2px 6px 0;
padding-right: 3px;
}
.cke_rtl .cke_toolgroup {
float: right;
margin: 1px 0 6px 2px;
padding-left: 3px;
padding-right: 0;
}
.cke_hc .cke_toolgroup {
margin-right: 5px;
margin-bottom: 5px;
}
.cke_hc.cke_rtl .cke_toolgroup {
margin-right: 0;
margin-left: 5px;
}
a.cke_button {
display: inline-block;
height: 18px;
padding: 4px 6px;
outline: 0;
cursor: default;
float: left;
border: 0;
position: relative;
}
a.cke_button_expandable {
padding: 4px 5px;
}
.cke_rtl a.cke_button {
float: right;
}
.cke_hc a.cke_button {
border: 1px solid black;
padding: 3px 5px;
margin: 0 3px 5px 0;
}
.cke_hc.cke_rtl a.cke_button {
margin: 0 0 5px 3px;
}
a.cke_button_on {
background: #fff;
border: 1px #bcbcbc solid;
padding: 3px 5px;
}
a.cke_button_expandable.cke_button_on {
padding: 3px 4px;
}
a.cke_button_off:hover,
a.cke_button_off:focus,
a.cke_button_off:active {
background: #e5e5e5;
border: 1px #bcbcbc solid;
padding: 3px 5px;
}
a.cke_button_expandable.cke_button_off:hover,
a.cke_button_expandable.cke_button_off:focus,
a.cke_button_expandable.cke_button_off:active {
padding: 3px 4px;
}
.cke_hc a.cke_button_on,
.cke_hc a.cke_button_off:hover,
.cke_hc a.cke_button_off:focus,
.cke_hc a.cke_button_off:active {
background: #e5e5e5;
border: 3px solid #000;
padding: 1px 3px;
}
a.cke_button_disabled:hover,
a.cke_button_disabled:focus,
a.cke_button_disabled:active {
border: 0;
padding: 4px 6px;
background-color: transparent;
}
a.cke_button_expandable.cke_button_disabled:hover,
a.cke_button_expandable.cke_button_disabled:active {
padding: 4px 5px;
}
a.cke_button_disabled:focus {
border: 1px #bcbcbc solid;
padding: 3px 5px;
}
a.cke_button_expandable.cke_button_disabled:focus {
padding: 3px 4px;
}
.cke_hc a.cke_button_disabled:hover,
.cke_hc a.cke_button_disabled:focus,
.cke_hc a.cke_button_disabled:active {
border: 1px solid #acacac;
padding: 3px 5px;
margin: 0 3px 5px 0;
}
.cke_hc a.cke_button_disabled:focus {
border: 3px solid #000;
padding: 1px 3px;
}
.cke_hc.cke_rtl a.cke_button_disabled:hover,
.cke_hc.cke_rtl a.cke_button_disabled:focus,
.cke_hc.cke_rtl a.cke_button_disabled:active {
margin: 0 0 5px 3px;
}
a.cke_button_disabled .cke_button_icon,
a.cke_button_disabled .cke_button_arrow {
opacity: 0.3;
}
.cke_hc a.cke_button_disabled {
border-color: #acacac;
}
.cke_hc a.cke_button_disabled .cke_button_icon,
.cke_hc a.cke_button_disabled .cke_button_label {
opacity: 0.5;
}
.cke_toolgroup a.cke_button:last-child:after,
.cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
content: "";
position: absolute;
height: 18px;
width: 0;
border-right: 1px solid #bcbcbc;
margin-top: 4px;
top: 0;
right: -3px;
}
.cke_rtl .cke_toolgroup a.cke_button:last-child:after,
.cke_rtl .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
border-right: 0;
right: auto;
border-left: 1px solid #bcbcbc;
top: 0;
left: -3px;
}
.cke_hc .cke_toolgroup a.cke_button:last-child:after,
.cke_hc .cke_toolgroup a.cke_button.cke_button_disabled:last-child:after,
.cke_hc .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
border-color: #000;
top: 0;
right: -7px;
}
.cke_hc.cke_rtl .cke_toolgroup a.cke_button:last-child:after,
.cke_hc.cke_rtl .cke_toolgroup a.cke_button.cke_button_disabled:last-child:after,
.cke_hc.cke_rtl .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
top: 0;
right: auto;
left: -7px;
}
.cke_toolgroup a.cke_button:hover:last-child:after,
.cke_toolgroup a.cke_button:focus:last-child:after,
.cke_toolgroup a.cke_button.cke_button_on:last-child:after {
top: -1px;
right: -4px;
}
.cke_rtl .cke_toolgroup a.cke_button:hover:last-child:after,
.cke_rtl .cke_toolgroup a.cke_button:focus:last-child:after,
.cke_rtl .cke_toolgroup a.cke_button.cke_button_on:last-child:after {
top: -1px;
right: auto;
left: -4px;
}
.cke_hc .cke_toolgroup a.cke_button:hover:last-child:after,
.cke_hc .cke_toolgroup a.cke_button.cke_button_on:last-child:after {
top: -2px;
right: -9px;
}
.cke_hc.cke_rtl .cke_toolgroup a.cke_button:hover:last-child:after,
.cke_hc.cke_rtl .cke_toolgroup a.cke_button.cke_button_on:last-child:after {
top: -2px;
right: auto;
left: -9px;
}
.cke_toolbar.cke_toolbar_last .cke_toolgroup a.cke_button:last-child:after {
content: none;
border: 0;
width: 0;
height: 0;
}
.cke_button_icon {
cursor: inherit;
background-repeat: no-repeat;
margin-top: 1px;
width: 16px;
height: 16px;
float: left;
display: inline-block;
}
.cke_rtl .cke_button_icon {
float: right;
}
.cke_hc .cke_button_icon {
display: none;
}
.cke_button_label {
display: none;
padding-left: 3px;
margin-top: 1px;
line-height: 17px;
vertical-align: middle;
float: left;
cursor: default;
color: #484848;
}
.cke_rtl .cke_button_label {
padding-right: 3px;
padding-left: 0;
float: right;
}
.cke_hc .cke_button_label {
padding: 0;
display: inline-block;
font-size: 12px;
}
.cke_button_arrow {
display: inline-block;
margin: 8px 0 0 3px;
width: 0;
height: 0;
cursor: default;
vertical-align: top;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid #484848;
}
.cke_rtl .cke_button_arrow {
margin-right: 5px;
margin-left: 0;
}
.cke_hc .cke_button_arrow {
font-size: 10px;
margin: 3px 0 0 3px;
width: auto;
border: 0;
}
.cke_toolbar_separator {
float: left;
background-color: #bcbcbc;
margin: 4px 2px 0 2px;
height: 18px;
width: 1px;
}
.cke_rtl .cke_toolbar_separator {
float: right;
}
.cke_hc .cke_toolbar_separator {
background-color: #000;
margin-left: 2px;
margin-right: 5px;
margin-bottom: 9px;
}
.cke_hc.cke_rtl .cke_toolbar_separator {
margin-left: 5px;
margin-right: 2px;
}
.cke_toolbar_break {
display: block;
clear: left;
}
.cke_rtl .cke_toolbar_break {
clear: right;
}
a.cke_toolbox_collapser {
width: 12px;
height: 11px;
float: right;
margin: 11px 0 0;
font-size: 0;
cursor: default;
text-align: center;
border: 1px solid #bcbcbc;
}
.cke_rtl .cke_toolbox_collapser {
float: left;
}
.cke_toolbox_collapser:hover {
background: #e5e5e5;
}
.cke_toolbox_collapser.cke_toolbox_collapser_min {
margin: 0 2px 4px;
}
.cke_toolbox_collapser .cke_arrow {
display: inline-block;
height: 0;
width: 0;
font-size: 0;
margin-top: 1px;
border: 3px solid transparent;
border-bottom-color: #484848;
}
.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow {
margin-top: 4px;
border-bottom-color: transparent;
border-top-color: #484848;
}
.cke_hc .cke_toolbox_collapser .cke_arrow {
font-size: 8px;
width: auto;
border: 0;
margin-top: 0;
}
.cke_menuitem span {
cursor: default;
}
.cke_menubutton {
display: block;
}
.cke_hc .cke_menubutton {
padding: 2px;
}
.cke_menubutton:hover,
.cke_menubutton:focus,
.cke_menubutton:active {
background-color: #e9e9e9;
display: block;
outline: 1px dotted;
}
.cke_menubutton:hover {
outline: 0;
}
.cke_hc .cke_menubutton:hover,
.cke_hc .cke_menubutton:focus,
.cke_hc .cke_menubutton:active {
border: 2px solid;
padding: 0;
}
.cke_menubutton_disabled:hover,
.cke_menubutton_disabled:focus,
.cke_menubutton_disabled:active {
background-color: transparent;
outline: 0;
}
.cke_menubutton_inner {
display: table-row;
}
.cke_menubutton_icon,
.cke_menubutton_label,
.cke_menuarrow {
display: table-cell;
}
.cke_menubutton_icon {
background-color: #f8f8f8;
padding: 6px 4px;
}
.cke_hc .cke_menubutton_icon {
height: 16px;
width: 0;
padding: 4px 0;
}
.cke_menubutton:hover .cke_menubutton_icon,
.cke_menubutton:focus .cke_menubutton_icon,
.cke_menubutton:active .cke_menubutton_icon {
background-color: #e9e9e9;
}
.cke_menubutton_disabled:hover .cke_menubutton_icon,
.cke_menubutton_disabled:focus .cke_menubutton_icon,
.cke_menubutton_disabled:active .cke_menubutton_icon {
background-color: #f8f8f8;
outline: 0;
}
.cke_menuitem .cke_menubutton_on {
background-color: #e9e9e9;
border: 1px solid #dedede;
outline: 0;
}
.cke_menubutton_on .cke_menubutton_icon {
padding-right: 3px;
background-color: #e9e9e9;
}
.cke_menubutton_label {
padding: 0 5px;
background-color: transparent;
width: 100%;
vertical-align: middle;
}
.cke_menubutton_shortcut {
color: #979797;
}
.cke_menubutton_disabled .cke_menubutton_label {
opacity: 0.3;
filter: alpha(opacity=30);
}
.cke_panel_frame .cke_menubutton_label {
display: none;
}
.cke_menuseparator {
background-color: #d1d1d1;
height: 1px;
}
.cke_menuarrow {
background: transparent url(images/arrow.png) no-repeat 0 10px;
padding: 0 5px;
}
.cke_rtl .cke_menuarrow {
background-position: 5px -13px;
background-repeat: no-repeat;
}
.cke_hc .cke_menuarrow {
background-image: none;
}
.cke_menuarrow span {
display: none;
}
.cke_hc .cke_menuarrow span {
vertical-align: middle;
display: inline;
}
.cke_combo {
display: inline-block;
float: left;
position: relative;
margin-bottom: 5px;
}
.cke_rtl .cke_combo {
float: right;
}
.cke_hc .cke_combo {
margin-top: 1px;
margin-bottom: 10px;
}
.cke_combo:after {
content: "";
position: absolute;
height: 18px;
width: 0;
border-right: 1px solid #bcbcbc;
margin-top: 5px;
top: 0;
right: 0;
}
.cke_rtl .cke_combo:after {
border-right: 0;
border-left: 1px solid #bcbcbc;
right: auto;
left: 0;
}
.cke_hc .cke_combo:after {
border-color: #000;
}
a.cke_combo_button {
cursor: default;
display: inline-block;
float: left;
margin: 0;
padding: 1px;
}
.cke_rtl a.cke_combo_button {
float: right;
}
.cke_hc a.cke_combo_button {
padding: 4px;
}
.cke_combo_on a.cke_combo_button,
.cke_combo_off a.cke_combo_button:hover,
.cke_combo_off a.cke_combo_button:focus,
.cke_combo_off a.cke_combo_button:active {
background: #e5e5e5;
border: 1px solid #bcbcbc;
padding: 0 0 0 1px;
margin-left: -1px;
}
.cke_combo_off a.cke_combo_button:focus {
outline: 0;
}
.cke_combo_on a.cke_combo_button,
.cke_combo_off a.cke_combo_button:active {
background: #fff;
}
.cke_rtl .cke_combo_on a.cke_combo_button,
.cke_rtl .cke_combo_off a.cke_combo_button:hover,
.cke_rtl .cke_combo_off a.cke_combo_button:focus,
.cke_rtl .cke_combo_off a.cke_combo_button:active {
padding: 0 1px 0 0;
margin-left: 0;
margin-right: -1px;
}
.cke_hc .cke_combo_on a.cke_combo_button,
.cke_hc .cke_combo_off a.cke_combo_button:hover,
.cke_hc .cke_combo_off a.cke_combo_button:focus,
.cke_hc .cke_combo_off a.cke_combo_button:active {
border: 3px solid #000;
padding: 1px 1px 1px 2px;
}
.cke_hc.cke_rtl .cke_combo_on a.cke_combo_button,
.cke_hc.cke_rtl .cke_combo_off a.cke_combo_button:hover,
.cke_hc.cke_rtl .cke_combo_off a.cke_combo_button:focus,
.cke_hc.cke_rtl .cke_combo_off a.cke_combo_button:active {
padding: 1px 2px 1px 1px;
}
.cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
padding: 0 0 0 3px;
margin-left: -3px;
}
.cke_rtl .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_rtl .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_rtl .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_rtl .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
padding: 0 3px 0 0;
margin-left: 0;
margin-right: -3px;
}
.cke_hc .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_hc .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_hc .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_hc .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
padding: 1px 1px 1px 7px;
margin-left: -6px;
}
.cke_hc.cke_rtl .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_hc.cke_rtl .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_hc.cke_rtl .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_hc.cke_rtl .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
padding: 1px 7px 1px 1px;
margin-left: 0;
margin-right: -6px;
}
.cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active,
.cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
padding: 0;
margin: 0;
}
.cke_hc .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_hc .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_hc .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_hc .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active,
.cke_hc .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_hc .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_hc .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_hc .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
padding: 1px;
margin: 0;
}
.cke_toolbar .cke_combo + .cke_toolbar_end,
.cke_toolbar .cke_combo + .cke_toolgroup {
margin-right: 0;
margin-left: 2px;
}
.cke_rtl .cke_toolbar .cke_combo + .cke_toolbar_end,
.cke_rtl .cke_toolbar .cke_combo + .cke_toolgroup {
margin-left: 0;
margin-right: 2px;
}
.cke_hc .cke_toolbar .cke_combo + .cke_toolbar_end,
.cke_hc .cke_toolbar .cke_combo + .cke_toolgroup {
margin-left: 5px;
}
.cke_hc.cke_rtl .cke_toolbar .cke_combo + .cke_toolbar_end,
.cke_hc.cke_rtl .cke_toolbar .cke_combo + .cke_toolgroup {
margin-left: 0;
margin-right: 5px;
}
.cke_toolbar.cke_toolbar_last .cke_combo:nth-last-child(-n + 2):after {
content: none;
border: 0;
width: 0;
height: 0;
}
.cke_combo_text {
line-height: 26px;
padding-left: 10px;
text-overflow: ellipsis;
overflow: hidden;
float: left;
cursor: default;
color: #484848;
width: 60px;
}
.cke_rtl .cke_combo_text {
float: right;
text-align: right;
padding-left: 0;
padding-right: 10px;
}
.cke_hc .cke_combo_text {
line-height: 18px;
font-size: 12px;
}
.cke_combo_open {
cursor: default;
display: inline-block;
font-size: 0;
height: 19px;
line-height: 17px;
margin: 1px 10px 1px;
width: 5px;
}
.cke_hc .cke_combo_open {
height: 12px;
}
.cke_combo_arrow {
cursor: default;
margin: 11px 0 0;
float: left;
height: 0;
width: 0;
font-size: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid #484848;
}
.cke_hc .cke_combo_arrow {
font-size: 10px;
width: auto;
border: 0;
margin-top: 3px;
}
.cke_combo_label {
display: none;
float: left;
line-height: 26px;
vertical-align: top;
margin-right: 5px;
}
.cke_rtl .cke_combo_label {
float: right;
margin-left: 5px;
margin-right: 0;
}
.cke_combo_disabled .cke_combo_inlinelabel,
.cke_combo_disabled .cke_combo_open {
opacity: 0.3;
}
.cke_path {
float: left;
margin: -2px 0 2px;
}
a.cke_path_item,
span.cke_path_empty {
display: inline-block;
float: left;
padding: 3px 4px;
margin-right: 2px;
cursor: default;
text-decoration: none;
outline: 0;
border: 0;
color: #484848;
font-weight: bold;
font-size: 11px;
}
.cke_rtl .cke_path,
.cke_rtl .cke_path_item,
.cke_rtl .cke_path_empty {
float: right;
}
a.cke_path_item:hover,
a.cke_path_item:focus,
a.cke_path_item:active {
background-color: #e5e5e5;
}
.cke_hc a.cke_path_item:hover,
.cke_hc a.cke_path_item:focus,
.cke_hc a.cke_path_item:active {
border: 2px solid;
padding: 1px 2px;
}
.cke_button__source_label,
.cke_button__sourcedialog_label {
display: inline;
}
.cke_combopanel__fontsize {
width: 135px;
}
textarea.cke_source {
font-family: "Courier New", Monospace;
font-size: small;
background-color: #fff;
white-space: pre-wrap;
border: 0;
padding: 0;
margin: 0;
display: block;
}
.cke_wysiwyg_frame,
.cke_wysiwyg_div {
background-color: #fff;
}
.cke_notifications_area {
pointer-events: none;
}
.cke_notification {
pointer-events: auto;
position: relative;
margin: 10px;
width: 300px;
color: white;
text-align: center;
opacity: 0.95;
filter: alpha(opacity = 95);
-webkit-animation: fadeIn 0.7s;
animation: fadeIn 0.7s;
}
.cke_notification_message a {
color: #12306f;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,35 @@
# Automatically perform line feed (LF) normalization for files detected as text and leave all files detected as binary
# untouched.
* text=auto
# +----------------------+
# + Adobe Creative Suite +
# +----------------------+
# Color Swatch Exchange
*.ase binary
# +-------------------+
# + Adobe Illustrator +
# +-------------------+
# Project Map
*.ai binary
# +-----------------+
# + Adobe Photoshop +
# +-----------------+
# Color Palette
*.aco binary
# +---------------+
# + GIMP/Inkscape +
# +---------------+
# Color Palette
*.gpl text eol=lf
# Project Map
*.xcf binary
# +-------+
# + Gpick +
# +-------+
# Color Palette
*.gpa binary

View File

@@ -0,0 +1,23 @@
# +---------+
# + Node.js +
# +---------+
node_modules
npm-debug.log*
.npm/
*.log
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# +-------------------+
# + Project Structure +
# +-------------------+
build
# +------+
# + Sass +
# +------+
.sass-cache
*.css.map

View File

@@ -0,0 +1,12 @@
{
"dest": "./build/documentation/sassdoc",
"package": "package.json",
"groups": {
"polarnight": "Polar Night",
"snowstorm": "Snow Storm",
"frost": "Frost",
"aurora": "Aurora"
},
"theme": "flippant",
"verbose": true
}

View File

@@ -0,0 +1,20 @@
# ++++++++++++++++++++++++++++++++++++++++++++++++++++
# title Travis CI Build Configuration +
# project nord +
# repository https://github.com/arcticicestudio/nord +
# author Arctic Ice Studio +
# email development@arcticicestudio.com +
# copyright Copyright (C) 2016 +
# ++++++++++++++++++++++++++++++++++++++++++++++++++++
#
# [References]
# Travis CI Documentation
# (https://docs.travis-ci.com)
language: node_js
cache:
directories:
- $HOME/node_modules
before_script:
- npm install -g gulp
- npm install
script: gulp compile-css-template sassdoc

View File

@@ -0,0 +1,86 @@
<p align="center"><img src="https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-logo-banner.svg"/></p>
<p align="center"><img src="https://assets-cdn.github.com/favicon.ico" width=24 height=24/> <a href="https://github.com/arcticicestudio/nord/releases/latest"><img src="https://img.shields.io/github/release/arcticicestudio/nord.svg"/></a> <img src="https://www.npmjs.com/static/images/touch-icons/favicon-32x32.png" width=24 height=24/> <a href="https://www.npmjs.com/package/nord"><img src="https://img.shields.io/npm/v/nord.svg"/></a> <a href="https://www.npmjs.com/package/nord"><img src="https://img.shields.io/npm/dt/nord.svg"/></a> <a href="https://www.npmjs.com/package/nord"><img src="https://img.shields.io/npm/dm/nord.svg"/></a></p>
---
# 0.2.0 (2016-11-22)
## Features
### Project Assets
Added new SVG variations of the color palette components.
Can be used for showcases or any kind of branding concepts. (@arcticicestudio, 78ef70b8)
![Polar Night](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-component-polar-night.svg) ![Snow Storm](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-component-snow-storm.svg)
![Frost](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-component-frost.svg) ![Aurora](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-component-aurora.svg)
### Toolbox
Created [Travis CI](https://travis-ci.org) (`.travis.yml`) and [Circle CI](https://circleci.com) (`circle.yml`) configuration files for continuous builds against the Gulp tasks `compile-css-template` and `sassdoc`. (@arcticicestudio, #4, 00beff7d)
## Improvements
### Native Formats
The "Adobe Photoshop Color Palette" [`nord.ase`](https://github.com/arcticicestudio/nord/blob/develop/src/native/nord.ase) is now fully compatible to Adobe Photoshop CS6.
The original file has been created via [Gpick](http://gpick.org) and has been recreated using [Adobe Photoshop CS6](http://www.adobe.com/products/photoshop.html) to be fully compatible to the vendor format. (@arcticicestudio, #5, 30ae2f4b)
### Design Documentation
Switched the color definitions for `nord8` and `nord14`.
The accent color `nord8` is now used for methods and functions while strings and attribute values are now colored by `nord14` instead.
This is design has already been implemented in all port projects before, but is now officially stated with this release version. (@arcticicestudio, #1, 2a95e4c0)
Switched the color of punctuations and variables/constants.
The `nord4` color is now used for variables and constants while punctuations are now colored by `nord6` instead.
This design has also already been implemented in all port projects before, but is now officially stated with this release version. (@arcticicestudio, #2, f8231acd)
`nord13` is now used to colorize all kind of regular expressions. (@arcticicestudio, #3, adfcac5c)
### Project Documentation
Added new official [port projects](https://github.com/arcticicestudio/nord#port-projects). (@arcticicestudio, eacf9078, 51f46d1b, d51a995b)
[![Nord Eclipse Syntax](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-eclipse-syntax-banner.svg)](https://github.com/arcticicestudio/nord-eclipse-syntax)
[![Nord gedit](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/banner-nord-gedit.svg)](https://github.com/arcticicestudio/nord-gedit)
[![Nord Java](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-java-banner.svg)](https://github.com/arcticicestudio/nord-java)
[![Nord Terminix](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-terminix-banner.svg)](https://github.com/arcticicestudio/nord-terminix)
Added [NPM](https://www.npmjs.com) registry badges to show the latest published version and amount of downloads. (@arcticicestudio, 2c061e15)
<img src="https://www.npmjs.com/static/images/touch-icons/favicon-32x32.png" width=24 height=24/> <a href="https://www.npmjs.com/package/nord"><img src="https://img.shields.io/npm/v/nord.svg"/></a> <a href="https://www.npmjs.com/package/nord"><img src="https://img.shields.io/npm/dt/nord.svg"/></a> <a href="https://www.npmjs.com/package/nord"><img src="https://img.shields.io/npm/dm/nord.svg"/></a>
# 0.1.0 (2016-09-04)
![Nord Palette Overview](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-overview.svg)
## Features
### <img src="http://sass-lang.com/favicon.ico" width=16 height=16 /> Sass
- Implemented the `nord.scss` stylesheet
- Implemented the `template-css.scss` stylesheet.
This template can be compiled to a `nord.css` stylesheet via [Gulp][gulp]:
```sh
npm install
gulp compile-css-template
```
#### <img src="http://sassdoc.com/favicon.png" width=16 height=16 /> Sassdoc
Nord Sass sources are documented using the [Sassdoc][sassdoc] documentation syntax which can be compiled to a HTML documentation via [Gulp][gulp]:
```sh
npm install
gulp sassdoc
```
The Sassdoc theme can be changed by editing the `.sassdocrc` configuration file.
### <img src="http://lesscss.org/public/ico/favicon.ico" width=16 height=16 /> LESSCSS
- Implemented the `nord.less` stylesheet
#### KSS
Nord LESSCSS sources are documented using the [KSS](http://warpspire.com/kss) documentation syntax.
Information about the generation of a styleguide can be found in the [official KSS documentation](http://warpspire.com/kss/styleguides).
### ![][icon-color-swatch] Color Swatches
Added various native color palette files:
- **Adobe Photoshop**: `nord.aco` (binary)
- **Adobe Swatch Exchange**: `nord.ase` (binary)
- **Gpick Palette**: `nord.gpa` (binary)
- **GIMP/Inkscape/CinePaint/Krita Palette**:`nord.gpl`
- **Alias/WaveFront Material**: `nord.mtl`
# 0.0.0 (2016-09-04)
**Project Initialization**
[icon-color-swatch]: https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/icon-color-swatch.svg
[sassdoc]: http://sassdoc.com
[gulp]: http://gulpjs.com

View File

@@ -0,0 +1,356 @@
Apache License
==============
*Version 2.0, January 2004*
*&lt;<http://www.apache.org/licenses/>&gt;*
### Terms and Conditions for use, reproduction, and distribution
#### 1. Definitions
"License" shall mean the terms and conditions for use, reproduction, and
distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by the copyright
owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all other entities
that control, are controlled by, or are under common control with that entity.
For the purposes of this definition, "control" means **(i)** the power, direct or
indirect, to cause the direction or management of such entity, whether by
contract or otherwise, or **(ii)** ownership of fifty percent (50%) or more of the
outstanding shares, or **(iii)** beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity exercising
permissions granted by this License.
"Source" form shall mean the preferred form for making modifications, including
but not limited to software source code, documentation source, and configuration
files.
"Object" form shall mean any form resulting from mechanical transformation or
translation of a Source form, including but not limited to compiled object code,
generated documentation, and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or Object form, made
available under the License, as indicated by a copyright notice that is included
in or attached to the work (an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object form, that
is based on (or derived from) the Work and for which the editorial revisions,
annotations, elaborations, or other modifications represent, as a whole, an
original work of authorship. For the purposes of this License, Derivative Works
shall not include works that remain separable from, or merely link (or bind by
name) to the interfaces of, the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including the original version
of the Work and any modifications or additions to that Work or Derivative Works
thereof, that is intentionally submitted to Licensor for inclusion in the Work
by the copyright owner or by an individual or Legal Entity authorized to submit
on behalf of the copyright owner. For the purposes of this definition,
"submitted" means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems, and
issue tracking systems that are managed by, or on behalf of, the Licensor for
the purpose of discussing and improving the Work, but excluding communication
that is conspicuously marked or otherwise designated in writing by the copyright
owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity on behalf
of whom a Contribution has been received by Licensor and subsequently
incorporated within the Work.
#### 2. Grant of Copyright License
Subject to the terms and conditions of this License, each Contributor hereby
grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free,
irrevocable copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the Work and such
Derivative Works in Source or Object form.
#### 3. Grant of Patent License
Subject to the terms and conditions of this License, each Contributor hereby
grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free,
irrevocable (except as stated in this section) patent license to make, have
made, use, offer to sell, sell, import, and otherwise transfer the Work, where
such license applies only to those patent claims licensable by such Contributor
that are necessarily infringed by their Contribution(s) alone or by combination
of their Contribution(s) with the Work to which such Contribution(s) was
submitted. If You institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work or a
Contribution incorporated within the Work constitutes direct or contributory
patent infringement, then any patent licenses granted to You under this License
for that Work shall terminate as of the date such litigation is filed.
#### 4. Redistribution
You may reproduce and distribute copies of the Work or Derivative Works thereof
in any medium, with or without modifications, and in Source or Object form,
provided that You meet the following conditions:
* **(a)** You must give any other recipients of the Work or Derivative Works a copy of
this License; and
* **(b)** You must cause any modified files to carry prominent notices stating that You
changed the files; and
* **(c)** You must retain, in the Source form of any Derivative Works that You distribute,
all copyright, patent, trademark, and attribution notices from the Source form
of the Work, excluding those notices that do not pertain to any part of the
Derivative Works; and
* **(d)** If the Work includes a "NOTICE" text file as part of its distribution, then any
Derivative Works that You distribute must include a readable copy of the
attribution notices contained within such NOTICE file, excluding those notices
that do not pertain to any part of the Derivative Works, in at least one of the
following places: within a NOTICE text file distributed as part of the
Derivative Works; within the Source form or documentation, if provided along
with the Derivative Works; or, within a display generated by the Derivative
Works, if and wherever such third-party notices normally appear. The contents of
the NOTICE file are for informational purposes only and do not modify the
License. You may add Your own attribution notices within Derivative Works that
You distribute, alongside or as an addendum to the NOTICE text from the Work,
provided that such additional attribution notices cannot be construed as
modifying the License.
You may add Your own copyright statement to Your modifications and may provide
additional or different license terms and conditions for use, reproduction, or
distribution of Your modifications, or for any such Derivative Works as a whole,
provided Your use, reproduction, and distribution of the Work otherwise complies
with the conditions stated in this License.
#### 5. Submission of Contributions
Unless You explicitly state otherwise, any Contribution intentionally submitted
for inclusion in the Work by You to the Licensor shall be under the terms and
conditions of this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify the terms of
any separate license agreement you may have executed with Licensor regarding
such Contributions.
#### 6. Trademarks
This License does not grant permission to use the trade names, trademarks,
service marks, or product names of the Licensor, except as required for
reasonable and customary use in describing the origin of the Work and
reproducing the content of the NOTICE file.
#### 7. Disclaimer of Warranty
Unless required by applicable law or agreed to in writing, Licensor provides the
Work (and each Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied,
including, without limitation, any warranties or conditions of TITLE,
NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are
solely responsible for determining the appropriateness of using or
redistributing the Work and assume any risks associated with Your exercise of
permissions under this License.
#### 8. Limitation of Liability
In no event and under no legal theory, whether in tort (including negligence),
contract, or otherwise, unless required by applicable law (such as deliberate
and grossly negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special, incidental,
or consequential damages of any character arising as a result of this License or
out of the use or inability to use the Work (including but not limited to
damages for loss of goodwill, work stoppage, computer failure or malfunction, or
any and all other commercial damages or losses), even if such Contributor has
been advised of the possibility of such damages.
#### 9. Accepting Warranty or Additional Liability
While redistributing the Work or Derivative Works thereof, You may choose to
offer, and charge a fee for, acceptance of support, warranty, indemnity, or
other liability obligations and/or rights consistent with this License. However,
in accepting such obligations, You may act only on Your own behalf and on Your
sole responsibility, not on behalf of any other Contributor, and only if You
agree to indemnify, defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason of your
accepting any such warranty or additional liability.
*END OF TERMS AND CONDITIONS*
### APPENDIX: How to apply the Apache License to your work
To apply the Apache License to your work, attach the following boilerplate
notice, with the fields enclosed by brackets `[]` replaced with your own
identifying information. (Don't include the brackets!) The text should be
enclosed in the appropriate comment syntax for the file format. We also
recommend that a file or class name and description of purpose be included on
the same "printed page" as the copyright notice for easier identification within
third-party archives.
Copyright [yyyy] [name of copyright owner]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
## Creative Commons Attribution-ShareAlike 4.0 International Public License
By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution-ShareAlike 4.0 International Public License ("Public License"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions.
### Section 1 Definitions.
a. **Adapted Material** means material subject to Copyright and Similar Rights that is derived from or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged, transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights held by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work, performance, or sound recording, Adapted Material is always produced where the Licensed Material is synched in timed relation with a moving image.
b. **Adapter's License** means the license You apply to Your Copyright and Similar Rights in Your contributions to Adapted Material in accordance with the terms and conditions of this Public License.
c. **BY-SA Compatible License** means a license listed at [creativecommons.org/compatiblelicenses](http://creativecommons.org/compatiblelicenses), approved by Creative Commons as essentially the equivalent of this Public License.
d. **Copyright and Similar Rights** means copyright and/or similar rights closely related to copyright including, without limitation, performance, broadcast, sound recording, and Sui Generis Database Rights, without regard to how the rights are labeled or categorized. For purposes of this Public License, the rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights.
e. **Effective Technological Measures** means those measures that, in the absence of proper authority, may not be circumvented under laws fulfilling obligations under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996, and/or similar international agreements.
f. **Exceptions and Limitations** means fair use, fair dealing, and/or any other exception or limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material.
g. **License Elements** means the license attributes listed in the name of a Creative Commons Public License. The License Elements of this Public License are Attribution and ShareAlike.
h. **Licensed Material** means the artistic or literary work, database, or other material to which the Licensor applied this Public License.
i. **Licensed Rights** means the rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license.
j. **Licensor** means the individual(s) or entity(ies) granting rights under this Public License.
k. **Share** means to provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, public performance, distribution, dissemination, communication, or importation, and to make material available to the public including in ways that members of the public may access the material from a place and at a time individually chosen by them.
l. **Sui Generis Database Rights** means rights other than copyright resulting from Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world.
m. **You** means the individual or entity exercising the Licensed Rights under this Public License. Your has a corresponding meaning.
### Section 2 Scope.
a. **_License grant.**_
1. Subject to the terms and conditions of this Public License, the Licensor hereby grants You a worldwide, royalty-free, non-sublicensable, non-exclusive, irrevocable license to exercise the Licensed Rights in the Licensed Material to:
A. reproduce and Share the Licensed Material, in whole or in part; and
B. produce, reproduce, and Share Adapted Material.
2. **Exceptions and Limitations.** For the avoidance of doubt, where Exceptions and Limitations apply to Your use, this Public License does not apply, and You do not need to comply with its terms and conditions.
3. **Term.** The term of this Public License is specified in Section 6(a).
4. **Media and formats; technical modifications allowed.** The Licensor authorizes You to exercise the Licensed Rights in all media and formats whether now known or hereafter created, and to make technical modifications necessary to do so. The Licensor waives and/or agrees not to assert any right or authority to forbid You from making technical modifications necessary to exercise the Licensed Rights, including technical modifications necessary to circumvent Effective Technological Measures. For purposes of this Public License, simply making modifications authorized by this Section 2(a)(4) never produces Adapted Material.
5. **Downstream recipients.**
A. **Offer from the Licensor Licensed Material.** Every recipient of the Licensed Material automatically receives an offer from the Licensor to exercise the Licensed Rights under the terms and conditions of this Public License.
B. **Additional offer from the Licensor Adapted Material. Every recipient of Adapted Material from You automatically receives an offer from the Licensor to exercise the Licensed Rights in the Adapted Material under the conditions of the Adapters License You apply.
C. **No downstream restrictions.** You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material.
6. **No endorsement.** Nothing in this Public License constitutes or may be construed as permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with, or sponsored, endorsed, or granted official status by, the Licensor or others designated to receive attribution as provided in Section 3(a)(1)(A)(i).
b. **_Other rights.**_
1. Moral rights, such as the right of integrity, are not licensed under this Public License, nor are publicity, privacy, and/or other similar personality rights; however, to the extent possible, the Licensor waives and/or agrees not to assert any such rights held by the Licensor to the limited extent necessary to allow You to exercise the Licensed Rights, but not otherwise.
2. Patent and trademark rights are not licensed under this Public License.
3. To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such royalties.
### Section 3 License Conditions.
Your exercise of the Licensed Rights is expressly made subject to the following conditions.
a. **_Attribution.**_
1. If You Share the Licensed Material (including in modified form), You must:
A. retain the following if it is supplied by the Licensor with the Licensed Material:
i. identification of the creator(s) of the Licensed Material and any others designated to receive attribution, in any reasonable manner requested by the Licensor (including by pseudonym if designated);
ii. a copyright notice;
iii. a notice that refers to this Public License;
iv. a notice that refers to the disclaimer of warranties;
v. a URI or hyperlink to the Licensed Material to the extent reasonably practicable;
B. indicate if You modified the Licensed Material and retain an indication of any previous modifications; and
C. indicate the Licensed Material is licensed under this Public License, and include the text of, or the URI or hyperlink to, this Public License.
2. You may satisfy the conditions in Section 3(a)(1) in any reasonable manner based on the medium, means, and context in which You Share the Licensed Material. For example, it may be reasonable to satisfy the conditions by providing a URI or hyperlink to a resource that includes the required information.
3. If requested by the Licensor, You must remove any of the information required by Section 3(a)(1)(A) to the extent reasonably practicable.
b. **_ShareAlike.**_
In addition to the conditions in Section 3(a), if You Share Adapted Material You produce, the following conditions also apply.
1. The Adapters License You apply must be a Creative Commons license with the same License Elements, this version or later, or a BY-SA Compatible License.
2. You must include the text of, or the URI or hyperlink to, the Adapter's License You apply. You may satisfy this condition in any reasonable manner based on the medium, means, and context in which You Share Adapted Material.
3. You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, Adapted Material that restrict exercise of the rights granted under the Adapter's License You apply.
### Section 4 Sui Generis Database Rights.
Where the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material:
a. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all or a substantial portion of the contents of the database;
b. if You include all or a substantial portion of the database contents in a database in which You have Sui Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its individual contents) is Adapted Material, including for purposes of Section 3(b); and
c. You must comply with the conditions in Section 3(a) if You Share all or a substantial portion of the contents of the database.
For the avoidance of doubt, this Section 4 supplements and does not replace Your obligations under this Public License where the Licensed Rights include other Copyright and Similar Rights.
### Section 5 Disclaimer of Warranties and Limitation of Liability.
a. **Unless otherwise separately undertaken by the Licensor, to the extent possible, the Licensor offers the Licensed Material as-is and as-available, and makes no representations or warranties of any kind concerning the Licensed Material, whether express, implied, statutory, or other. This includes, without limitation, warranties of title, merchantability, fitness for a particular purpose, non-infringement, absence of latent or other defects, accuracy, or the presence or absence of errors, whether or not known or discoverable. Where disclaimers of warranties are not allowed in full or in part, this disclaimer may not apply to You.**
b. **To the extent possible, in no event will the Licensor be liable to You on any legal theory (including, without limitation, negligence) or otherwise for any direct, special, indirect, incidental, consequential, punitive, exemplary, or other losses, costs, expenses, or damages arising out of this Public License or use of the Licensed Material, even if the Licensor has been advised of the possibility of such losses, costs, expenses, or damages. Where a limitation of liability is not allowed in full or in part, this limitation may not apply to You.**
c. The disclaimer of warranties and limitation of liability provided above shall be interpreted in a manner that, to the extent possible, most closely approximates an absolute disclaimer and waiver of all liability.
### Section 6 Term and Termination.
a. This Public License applies for the term of the Copyright and Similar Rights licensed here. However, if You fail to comply with this Public License, then Your rights under this Public License terminate automatically.
b. Where Your right to use the Licensed Material has terminated under Section 6(a), it reinstates:
1. automatically as of the date the violation is cured, provided it is cured within 30 days of Your discovery of the violation; or
2. upon express reinstatement by the Licensor.
For the avoidance of doubt, this Section 6(b) does not affect any right the Licensor may have to seek remedies for Your violations of this Public License.
c. For the avoidance of doubt, the Licensor may also offer the Licensed Material under separate terms or conditions or stop distributing the Licensed Material at any time; however, doing so will not terminate this Public License.
d. Sections 1, 5, 6, 7, and 8 survive termination of this Public License.
### Section 7 Other Terms and Conditions.
a. The Licensor shall not be bound by any additional or different terms or conditions communicated by You unless expressly agreed.
b. Any arrangements, understandings, or agreements regarding the Licensed Material not stated herein are separate from and independent of the terms and conditions of this Public License.t stated herein are separate from and independent of the terms and conditions of this Public License.
### Section 8 Interpretation.
a. For the avoidance of doubt, this Public License does not, and shall not be interpreted to, reduce, limit, restrict, or impose conditions on any use of the Licensed Material that could lawfully be made without permission under this Public License.
b. To the extent possible, if any provision of this Public License is deemed unenforceable, it shall be automatically reformed to the minimum extent necessary to make it enforceable. If the provision cannot be reformed, it shall be severed from this Public License without affecting the enforceability of the remaining terms and conditions.
c. No term or condition of this Public License will be waived and no failure to comply consented to unless expressly agreed to by the Licensor.
d. Nothing in this Public License constitutes or may be interpreted as a limitation upon, or waiver of, any privileges and immunities that apply to the Licensor or You, including from the legal processes of any jurisdiction or authority.
```
Creative Commons is not a party to its public licenses. Notwithstanding, Creative Commons may elect to apply one of its public licenses to material it publishes and in those instances will be considered the “Licensor.” Except for the limited purpose of indicating that material is shared under a Creative Commons public license or as otherwise permitted by the Creative Commons policies published at [creativecommons.org/policies](http://creativecommons.org/policies), Creative Commons does not authorize the use of the trademark “Creative Commons” or any other trademark or logo of Creative Commons without its prior written consent including, without limitation, in connection with any unauthorized modifications to any of its public licenses or any other arrangements, understandings, or agreements concerning use of licensed material. For the avoidance of doubt, this paragraph does not form part of the public licenses.
Creative Commons may be contacted at creativecommons.org
```

View File

@@ -0,0 +1,103 @@
<p align="center"><img src="https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-logo-banner.svg"/></p>
<p align="center"><img src="https://cdn.travis-ci.org/images/favicon-c566132d45ab1a9bcae64d8d90e4378a.svg" width=24 height=24/> <a href="https://travis-ci.org/arcticicestudio/nord"><img src="https://img.shields.io/travis/arcticicestudio/nord/develop.svg"/></a> <img src="https://circleci.com/favicon.ico" width=24 height=24/> <a href="https://circleci.com/gh/arcticicestudio/nord"><img src="https://circleci.com/gh/arcticicestudio/nord.svg?style=shield&circle-token=8945e0a295af1d51d224daf2a800eb4be8b9589d"/></a> <img src="https://assets-cdn.github.com/favicon.ico" width=24 height=24/> <a href="https://github.com/arcticicestudio/nord/releases/latest"><img src="https://img.shields.io/github/release/arcticicestudio/nord.svg"/></a> <a href="https://github.com/arcticicestudio/nord/releases/latest"><img src="https://img.shields.io/badge/pre--release---_-blue.svg"/></a> <img src="https://www.npmjs.com/static/images/touch-icons/favicon-32x32.png" width=24 height=24/> <a href="https://www.npmjs.com/package/nord"><img src="https://img.shields.io/npm/v/nord.svg"/></a> <a href="https://www.npmjs.com/package/nord"><img src="https://img.shields.io/npm/dt/nord.svg"/></a> <a href="https://www.npmjs.com/package/nord"><img src="https://img.shields.io/npm/dm/nord.svg"/></a></p>
<p align="center">A arctic, north-bluish color palette.</p>
<p align="center">Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax highlighting and UI.
It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful ambiance.</p>
---
The color palette it divided into four named components to represent the different color effects.
![Nord Palette Overview](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-overview.svg)
Nord colors are numbered from `nord0` to `nord15` where each component contains a different amount of colors:
1. **Polar Night** `nord0` - `nord3`
2. **Snow Storm** `nord4` - `nord6`
3. **Frost** `nord7` - `nord10`
4. **Aurora** `nord11` - `nord15`
This naming convention allows an uncomplicated use for terminals and preserves the compatibility to similar projects like [base16](http://chriskempson.com/projects/base16).
## Usage
To show a list of all available [Gulp][gulp] tasks run `gulp` or `gulp help`.
### CSS
The [CSS specification](https://www.w3.org/TR/css-variables) supports the usage of primitive value types to define custom properties which can be used to create e.g. color variables.
Nord provides the `template-css.scss` template file to compile a `nord.css` stylesheet.
The generated file contains all Nord color variables prefixed with `--` inside the `:root` pseudo-class.
The `:root` pseudo-class represents an element that is the root of the document.
This is always the HTML (`<html>`) element which allows to use the Nord color variables for the whole document.
The `nord.css` stylesheet can be compiled via [Gulp][gulp]:
```sh
npm install
gulp compile-css-template
```
### <img src="http://sass-lang.com/favicon.ico" width=16 height=16 /> Sass
Copy the `nord.scss` file into your project and import it in your [Sass](http://sass-lang.com) files:
```css
@import "nord";
```
The `.scss` file extension is optional.
#### <img src="http://sassdoc.com/favicon.png" width=16 height=16 /> SassDoc
Nord Sass sources are documented using the [SassDoc](http://sassdoc.com) documentation syntax which can be compiled to a HTML documentation via [Gulp][gulp]:
```sh
npm install
gulp sassdoc
```
The Sassdoc theme can be changed by editing the `.sassdocrc` configuration file.
### <img src="http://lesscss.org/public/ico/favicon.ico" width=16 height=16/> LESSCSS
Copy the `nord.less` file into your project and import it in your [LESSCSS](http://lesscss.org) files:
```css
@import "nord";
```
Information about how the `@import` statement handles imports with different file extensions can be found in the [official LESSCSS documentation](http://lesscss.org/features/#import-directives-feature).
#### KSS
Nord LESSCSS sources are documented using the [KSS](http://warpspire.com/kss) documentation syntax.
Information about the generation of a styleguide can be found in the [official KSS documentation](http://warpspire.com/kss/styleguides).
### <img src="https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/icon-color-swatch.svg"/> Color Swatches
Nord is available in various native formats:
- `.aco` Adobe Photoshop Palette
- `.ase` Adobe Swatch Exchange
- `.gpa` Gpick Palette
- `.gpl` GIMP/Inkscape/CinePaint/Krita Palette
- `.mtl` Alias/WaveFront Material
A list of detailed information about each file format can be found [here](http://www.selapa.net/swatches/colors/fileformats.php).
## Port Projects
[![Nord Atom Syntax](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/banner-nord-atom-syntax.svg)](https://atom.io/themes/nord-atom-syntax)
[![Nord Atom UI](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/banner-nord-atom-ui.svg)](https://atom.io/themes/nord-atom-ui)
[![Nord Eclipse Syntax](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-eclipse-syntax-banner.svg)](https://github.com/arcticicestudio/nord-eclipse-syntax)
[![Nord gedit](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/banner-nord-gedit.svg)](https://github.com/arcticicestudio/nord-gedit)
[![Nord IntelliJ IDEA Syntax](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/banner-nord-intellij-idea-syntax.svg)](https://github.com/arcticicestudio/nord-intellij-idea-syntax)
[![Nord Java](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-java-banner.svg)](https://github.com/arcticicestudio/nord-java)
[![Nord Notepad++](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/banner-nord-notepadplusplus.svg)](https://github.com/arcticicestudio/nord-notepadplusplus)
[![Nord Terminix](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/nord-terminix-banner.svg)](https://github.com/arcticicestudio/nord-terminix)
[![Nord Vim](https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/banner-nord-vim.svg)](https://github.com/arcticicestudio/nord-vim)
## Forks
- [Nordisk](https://github.com/kamwitsta/nordisk) by @kamwitsta
## Development
[![](https://img.shields.io/badge/Changelog-0.2.0-blue.svg)](https://github.com/arcticicestudio/nord/blob/v0.2.0/CHANGELOG.md) [![](https://img.shields.io/badge/Workflow-gitflow_Branching_Model-blue.svg)](http://nvie.com/posts/a-successful-git-branching-model) [![](https://img.shields.io/badge/Versioning-ArcVer_0.8.0-blue.svg)](https://github.com/arcticicestudio/arcver)
### Contribution
Please report issues/bugs, feature requests and suggestions for improvements to the [issue tracker](https://github.com/arcticicestudio/nord/issues).
<p align="center"><img src="https://cdn.rawgit.com/arcticicestudio/nord/develop/src/assets/banner-footer-mountains.svg" /></p>
<p align="center"> <img src="http://arcticicestudio.com/favicon.ico" width=16 height=16/> Copyright &copy; 2016 Arctic Ice Studio</p>
<p align="center"><a href="http://www.apache.org/licenses/LICENSE-2.0"><img src="https://img.shields.io/badge/License-Apache_2.0-blue.svg"/></a> <a href="https://creativecommons.org/licenses/by-sa/4.0"><img src="https://img.shields.io/badge/License-CC_BY--SA_4.0-blue.svg"/></a></p>
[gulp]: http://gulpjs.com

View File

@@ -0,0 +1,23 @@
# ++++++++++++++++++++++++++++++++++++++++++++++++++++
# title Circle CI Build Configuration +
# project nord +
# repository https://github.com/arcticicestudio/nord +
# author Arctic Ice Studio +
# email development@arcticicestudio.com +
# copyright Copyright (C) 2016 +
# ++++++++++++++++++++++++++++++++++++++++++++++++++++
#
# [References]
# Circle CI
# (https://circleci.com/docs)
machine:
node:
version: 6.1.0
dependencies:
override:
- npm install -g gulp
- npm install
test:
override:
- gulp compile-css-template sassdoc
- find . -maxdepth 2 -type d -regextype posix-egrep -regex ".*/build/(.*)" -exec cp -r {} $CIRCLE_ARTIFACTS \;

View File

@@ -0,0 +1,130 @@
/*
+++++++++++++++++++++++++++++++++++++++++++
title Project Gulp File +
project nord +
author Arctic Ice Studio +
email development@arcticicestudio.com +
copyright Copyright (C) 2016 +
+++++++++++++++++++++++++++++++++++++++++++
[References]
Gulp
(http://gulpjs.com)
npmjs
(https://www.npmjs.com)
*/
"use strict";
/*+---------------+
+ Configuration +
+---------------+*/
var config = {
project: {
id: "nord",
name: "Nord",
version: "0.2.0",
repository: "https://github.com/arcticicestudio/nord",
author: "Arctic Ice Studio",
email: "development@arcticicestudio.com"
},
build: {
base: "./build",
css: "./build/css",
sassdoc: "./build/documentation/sassdoc"
},
src: {
sass: "./src/sass"
},
tasks: {
compilation: {
sass: {
extensions: {
input: ["scss"],
output: "css"
},
options: {
indentedSyntax: false,
indentType: "space",
indentWidth: 2,
linefeed: "lf",
outputStyle: "expanded",
precision: 5,
sourceComments: false
}
}
}
}
}
/*+---------+
+ Imports +
+---------+*/
var del = require("del");
var fs = require("fs");
var gulp = require("gulp-help")(require("gulp"));
var gulputil = require("gulp-util");
var path = require("path");
var plumber = require("gulp-plumber");
var rename = require("gulp-rename");
var sass = require("gulp-sass");
var sassdoc = require("sassdoc");
/*+-------+
+ Tasks +
+-------+*/
/**
* Cleans the whole build folder.
*
* @since 0.1.0
*/
gulp.task("clean", function() {
del(config.build.base);
});
/**
* Cleans the CSS build folder.
*
* @since 0.1.0
*/
gulp.task("clean-css", function(){
del(config.build.css);
});
/**
* Cleans the documentation build folder.
*
* @since 0.1.0
*/
gulp.task("clean-documentation", function(){
del(config.build.sassdoc);
});
/**
* Compiles the Sass CSS template.
*
* @since 0.1.0
*/
gulp.task("compile-css-template", function() {
return gulp.src(path.join(config.src.sass, "/template-css." + config.tasks.compilation.sass.extensions.input))
.pipe(plumber())
.pipe(sass(config.tasks.compilation.sass.options).on("error", sass.logError))
.pipe(rename("/nord." + config.tasks.compilation.sass.extensions.output))
.pipe(gulp.dest(config.build.css))
});
/**
* Shows the help.
*
* @since 0.1.0
*/
gulp.task("default", ["help"]);
/**
* Creates the Sassdoc documentation.
*
* @since 0.1.0
*/
gulp.task("sassdoc", function () {
return gulp.src(path.join(config.src.sass, "/**/*." + config.tasks.compilation.sass.extensions.input))
.pipe(sassdoc())
});

View File

@@ -0,0 +1,42 @@
{
"name": "nord",
"title": "Nord",
"version": "0.2.0",
"description": "A arctic, north-bluish color palette",
"author": {
"name": "Arctic Ice Studio",
"email": "development@arcticicestudio.com",
"url": "http://arcticicestudio.com"
},
"homepage": "https://github.com/arcticicestudio/nord",
"repository": {
"type": "git",
"url": "git+https://github.com/arcticicestudio/nord.git"
},
"bugs": {
"url": "https://github.com/arcticicestudio/nord/issues"
},
"license" : "(Apache-2.0 AND CC-BY-SA-4.0)",
"keywords": [
"nord",
"arctic",
"north",
"bluish",
"clean",
"minimal",
"flat",
"ui",
"syntax"
],
"devDependencies": {
"del": "2.2.2",
"gulp": "3.9.1",
"gulp-help": "1.6.1",
"gulp-plumber": "1.1.0",
"gulp-rename": "1.2.2",
"gulp-sass": "2.3.2",
"gulp-util": "3.0.7",
"sassdoc": "2.1.20",
"sassdoc-theme-flippant": "0.1.0"
}
}

View File

@@ -0,0 +1,198 @@
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++
title Nord +
project nord +
version 0.2.0 +
repository https://github.com/arcticicestudio/nord +
author Arctic Ice Studio +
email development@arcticicestudio.com +
copyright Copyright (C) 2016 +
++++++++++++++++++++++++++++++++++++++++++++++++++++
[References]
KSS
(http://warpspire.com/kss)
kss-node
(https://github.com/kss-node/kss-node)
*/
// A arctic, north-bluish color palette.
// Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax
// highlighting and UI.
// It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful
// ambiance.
//
// Styleguide Nord
// Base component color of "Polar Night".
//
// Used for texts, backgrounds, carets and structuring characters like curly- and square brackets.
//
// Markup:
// <div style="background-color:#2E3440; width=60; height=60"></div>
//
// Styleguide Nord - Polar Night
@nord0: #2E3440;
// Lighter shade color of the base component color.
//
// Used as a lighter background color for UI elements like status bars.
//
// Markup:
// <div style="background-color:#3B4252; width=60; height=60"></div>
//
// Styleguide Nord - Polar Night
@nord1: #3B4252;
// Lighter shade color of the base component color.
//
// Used as line highlighting in the editor.
// In the UI scope it may be used as selection- and hightlight color.
//
// Markup:
// <div style="background-color:#434C5E; width=60; height=60"></div>
//
// Styleguide Nord - Polar Night
@nord2: #434C5E;
// Lighter shade color of the base component color.
//
// Used for comments, invisibles, indent- and wrap guide marker.
// In the UI scope used as pseudoclass color for disabled elements.
//
// Markup:
// <div style="background-color:#4C566A; width=60; height=60"></div>
//
// Styleguide Nord - Polar Night
@nord3: #4C566A;
// Base component color of "Snow Storm".
//
// Main color for text, variables, constants and attributes.
// In the UI scope used as semi-light background depending on the theme shading design.
//
// Markup:
// <div style="background-color:#D8DEE9; width=60; height=60"></div>
//
// Styleguide Nord - Snow Storm
@nord4: #D8DEE9;
// Lighter shade color of the base component color.
//
// Used as a lighter background color for UI elements like status bars.
// Used as semi-light background depending on the theme shading design.
//
// Markup:
// <div style="background-color:#E5E9F0; width=60; height=60"></div>
//
// Styleguide Nord - Snow Storm
@nord5: #E5E9F0;
// Lighter shade color of the base component color.
//
// Used for punctuations, carets and structuring characters like curly- and square brackets.
// In the UI scope used as background, selection- and hightlight color depending on the theme shading design.
//
// Markup:
// <div style="background-color:#ECEFF4; width=60; height=60"></div>
//
// Styleguide Nord - Snow Storm
@nord6: #ECEFF4;
// Bluish core color.
//
// Used for classes, types and documentation tags.
//
// Markup:
// <div style="background-color:#8FBCBB; width=60; height=60"></div>
//
// Styleguide Nord - Frost
@nord7: #8FBCBB;
// Bluish core color.
//
// Represents the accent color of the color palette.
// Main color for primary UI elements and methods/functions.
//
// Can be used for
// - Markup quotes
// - Markup link URLs
//
// Markup:
// <div style="background-color:#88C0D0; width=60; height=60"></div>
//
// Styleguide Nord - Frost
@nord8: #88C0D0;
// Bluish core color.
//
// Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and
// punctuations like (semi)colons,commas and braces.
//
// Markup:
// <div style="background-color:#81A1C1; width=60; height=60"></div>
//
// Styleguide Nord - Frost
@nord9: #81A1C1;
// Bluish core color.
//
// Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`).
//
// Markup:
// <div style="background-color:#5E81AC; width=60; height=60"></div>
//
// Styleguide Nord - Frost
@nord10: #5E81AC;
// Colorful component color.
//
// Used for errors, git/diff deletion and linter marker.
//
// Markup:
// <div style="background-color:#BF616A; width=60; height=60"></div>
//
// Styleguide Nord - Aurora
@nord11: #BF616A;
// Colorful component color.
//
// Used for annotations.
//
// Markup:
// <div style="background-color:#D08770; width=60; height=60"></div>
//
// Styleguide Nord - Aurora
@nord12: #D08770;
// Colorful component color.
//
// Used for escape characters, regular expressions and markup entities.
// In the UI scope used for warnings and git/diff renamings.
//
// Markup:
// <div style="background-color:#EBCB8B; width=60; height=60"></div>
//
// Styleguide Nord - Aurora
@nord13: #EBCB8B;
// Colorful component color.
//
// Main color for strings and attribute values.
// In the UI scope used for git/diff additions and success visualizations.
//
// Markup:
// <div style="background-color:#A3BE8C; width=60; height=60"></div>
//
// Styleguide Nord - Aurora
@nord14: #A3BE8C;
// Colorful component color.
//
// Used for numbers.
//
// Markup:
// <div style="background-color:#B48EAD; width=60; height=60"></div>
//
// Styleguide Nord - Aurora
@nord15: #B48EAD;

View File

@@ -0,0 +1,20 @@
GIMP Palette
Name: nord.gpl
Columns: 1
#
46 52 64 nord0
59 66 82 nord1
67 76 94 nord2
76 86 106 nord3
216 222 233 nord4
229 233 240 nord5
236 239 244 nord6
143 188 187 nord7
136 192 208 nord8
129 161 193 nord9
94 129 172 nord10
191 97 106 nord11
208 135 112 nord12
235 203 139 nord13
163 190 140 nord14
180 142 173 nord15

View File

@@ -0,0 +1,96 @@
newmtl nord0
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.180392 0.203922 0.25098
Ks 0.500000 0.500000 0.500000
newmtl nord1
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.231373 0.258824 0.321569
Ks 0.500000 0.500000 0.500000
newmtl nord2
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.262745 0.298039 0.368627
Ks 0.500000 0.500000 0.500000
newmtl nord3
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.298039 0.337255 0.415686
Ks 0.500000 0.500000 0.500000
newmtl nord4
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.847059 0.870588 0.913725
Ks 0.500000 0.500000 0.500000
newmtl nord5
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.898039 0.913725 0.941176
Ks 0.500000 0.500000 0.500000
newmtl nord6
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.92549 0.937255 0.956863
Ks 0.500000 0.500000 0.500000
newmtl nord7
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.560784 0.737255 0.733333
Ks 0.500000 0.500000 0.500000
newmtl nord8
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.533333 0.752941 0.815686
Ks 0.500000 0.500000 0.500000
newmtl nord9
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.505882 0.631373 0.756863
Ks 0.500000 0.500000 0.500000
newmtl nord10
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.368627 0.505882 0.67451
Ks 0.500000 0.500000 0.500000
newmtl nord11
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.74902 0.380392 0.415686
Ks 0.500000 0.500000 0.500000
newmtl nord12
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.815686 0.529412 0.439216
Ks 0.500000 0.500000 0.500000
newmtl nord13
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.921569 0.796078 0.545098
Ks 0.500000 0.500000 0.500000
newmtl nord14
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.639216 0.745098 0.54902
Ks 0.500000 0.500000 0.500000
newmtl nord15
Ns 90.000000
Ka 0.000000 0.000000 0.000000
Kd 0.705882 0.556863 0.678431
Ks 0.500000 0.500000 0.500000

View File

@@ -0,0 +1,241 @@
//
// ++++++++++++++++++++++++++++++++++++++++++++++++++++
// title Nord +
// project nord +
// version 0.2.0 +
// repository https://github.com/arcticicestudio/nord +
// author Arctic Ice Studio +
// email development@arcticicestudio.com +
// copyright Copyright (C) 2016 +
// ++++++++++++++++++++++++++++++++++++++++++++++++++++
//
// [References]
// Sass
// (http://sass-lang.com)
// SassDoc
// (http://sassdoc.com)
////
/// A arctic, north-bluish color palette.
/// Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax
/// highlighting and UI.
/// It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful
/// ambiance.
///
/// @author Arctic Ice Studio <development@arcticicestudio.com>
////
/// Base component color of "Polar Night".
///
/// Used for texts, backgrounds, carets and structuring characters like curly- and square brackets.
///
/// @access public
/// @example scss - SCSS
/// /* For dark ambiance themes */
/// .background {
/// background-color: $nord0;
/// }
/// /* For light ambiance themes */
/// .text {
/// color: $nord0;
/// }
/// @group polarnight
/// @since 0.1.0
$nord0: #2E3440;
/// Lighter shade color of the base component color.
///
/// Used as a lighter background color for UI elements like status bars.
///
/// @access public
/// @group polarnight
/// @see $nord0
/// @since 0.1.0
$nord1: #3B4252;
/// Lighter shade color of the base component color.
///
/// Used as line highlighting in the editor.
/// In the UI scope it may be used as selection- and hightlight color.
///
/// @access public
/// @example scss - SCSS
/// /* Code Syntax Highlighting scope */
/// .editor {
/// &.line {
/// background-color: $nord2;
/// }
/// }
///
/// /* UI scope */
/// button {
/// &:selected {
/// background-color: $nord2;
/// }
/// }
/// @group polarnight
/// @see $nord0
/// @since 0.1.0
$nord2: #434C5E;
/// Lighter shade color of the base component color.
///
/// Used for comments, invisibles, indent- and wrap guide marker.
/// In the UI scope used as pseudoclass color for disabled elements.
///
/// @access public
/// @example scss - SCSS
/// /* Code Syntax Highlighting scope */
/// .editor {
/// &.indent-guide,
/// &.wrap-guide {
/// &.marker {
/// color: $nord3;
/// }
/// }
/// }
/// .comment,
/// .invisible {
/// color: $nord3;
/// }
///
/// /* UI scope */
/// button {
/// &:disabled {
/// background-color: $nord3;
/// }
/// }
/// @group polarnight
/// @see $nord0
/// @since 0.1.0
$nord3: #4C566A;
/// Base component color of "Snow Storm".
///
/// Main color for text, variables, constants and attributes.
/// In the UI scope used as semi-light background depending on the theme shading design.
///
/// @access public
/// @example scss - SCSS
/// /* For light ambiance themes */
/// .background {
/// background-color: $nord4;
/// }
/// /* For dark ambiance themes */
/// .text {
/// color: $nord4;
/// }
/// @group snowstorm
/// @since 0.1.0
$nord4: #D8DEE9;
/// Lighter shade color of the base component color.
///
/// Used as a lighter background color for UI elements like status bars.
/// Used as semi-light background depending on the theme shading design.
///
/// @access public
/// @group snowstorm
/// @see $nord4
/// @since 0.1.0
$nord5: #E5E9F0;
/// Lighter shade color of the base component color.
///
/// Used for punctuations, carets and structuring characters like curly- and square brackets.
/// In the UI scope used as background, selection- and hightlight color depending on the theme shading design.
///
/// @access public
/// @group snowstorm
/// @see $nord4
/// @since 0.1.0
$nord6: #ECEFF4;
/// Bluish core color.
///
/// Used for classes, types and documentation tags.
///
/// @access public
/// @group frost
/// @since 0.1.0
$nord7: #8FBCBB;
/// Bluish core accent color.
///
/// Represents the accent color of the color palette.
/// Main color for primary UI elements and methods/functions.
///
/// Can be used for
/// - Markup quotes
/// - Markup link URLs
///
/// @access public
/// @group frost
/// @since 0.1.0
$nord8: #88C0D0;
/// Bluish core color.
///
/// Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and
/// punctuations like (semi)colons,commas and braces.
///
/// @access public
/// @group frost
/// @since 0.1.0
$nord9: #81A1C1;
/// Bluish core color.
///
/// Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`).
///
/// @access public
/// @group frost
/// @since 0.1.0
$nord10: #5E81AC;
/// Colorful component color.
///
/// Used for errors, git/diff deletion and linter marker.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord11: #BF616A;
/// Colorful component color.
///
/// Used for annotations.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord12: #D08770;
/// Colorful component color.
///
/// Used for escape characters, regular expressions and markup entities.
/// In the UI scope used for warnings and git/diff renamings.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord13: #EBCB8B;
/// Colorful component color.
///
/// Main color for strings and attribute values.
/// In the UI scope used for git/diff additions and success visualizations.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord14: #A3BE8C;
/// Colorful component color.
///
/// Used for numbers.
///
/// @access public
/// @group aurora
/// @since 0.1.0
$nord15: #B48EAD;

View File

@@ -0,0 +1,243 @@
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++
title Nord +
project nord +
version 0.2.0 +
repository https://github.com/arcticicestudio/nord +
author Arctic Ice Studio +
email development@arcticicestudio.com +
copyright Copyright (C) 2016 +
++++++++++++++++++++++++++++++++++++++++++++++++++++
[References]
W3C
(https://www.w3.org/TR/css-variables)
(https://www.w3.org/TR/selectors/#root-pseudo)
CSS Working Group
(https://drafts.csswg.org/css-variables)
MDN
(https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables)
KSS
(http://warpspire.com/kss)
kss-node
(https://github.com/kss-node/kss-node)
*/
@import "nord";
/*
A arctic, north-bluish color palette.
Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax
highlighting and UI.
It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful
ambiance.
Styleguide Nord
*/
:root {
/*
Base component color of "Polar Night".
Used for texts, backgrounds, carets and structuring characters like curly- and square brackets.
Markup:
<div style="background-color:#2E3440; width=60; height=60"></div>
Styleguide Nord - Polar Night
*/
--nord0: $nord0;
/*
Lighter shade color of the base component color.
Used as a lighter background color for UI elements like status bars.
Markup:
<div style="background-color:#3B4252; width=60; height=60"></div>
Styleguide Nord - Polar Night
*/
--nord1: $nord1;
/*
Lighter shade color of the base component color.
Used as line highlighting in the editor.
In the UI scope it may be used as selection- and hightlight color.
Markup:
<div style="background-color:#434C5E; width=60; height=60"></div>
Styleguide Nord - Polar Night
*/
--nord2: $nord2;
/*
Lighter shade color of the base component color.
Used for comments, invisibles, indent- and wrap guide marker.
In the UI scope used as pseudoclass color for disabled elements.
Markup:
<div style="background-color:#4C566A; width=60; height=60"></div>
Styleguide Nord - Polar Night
*/
--nord3: $nord3;
/*
Base component color of "Snow Storm".
Main color for text, variables, constants and attributes.
In the UI scope used as semi-light background depending on the theme shading design.
Markup:
<div style="background-color:#D8DEE9; width=60; height=60"></div>
Styleguide Nord - Snow Storm
*/
--nord4: $nord4;
/*
Lighter shade color of the base component color.
Used as a lighter background color for UI elements like status bars.
Used as semi-light background depending on the theme shading design.
Markup:
<div style="background-color:#E5E9F0; width=60; height=60"></div>
Styleguide Nord - Snow Storm
*/
--nord5: $nord5;
/*
Lighter shade color of the base component color.
Used for punctuations, carets and structuring characters like curly- and square brackets.
In the UI scope used as background, selection- and hightlight color depending on the theme shading design.
Markup:
<div style="background-color:#ECEFF4; width=60; height=60"></div>
Styleguide Nord - Snow Storm
*/
--nord6: $nord6;
/*
Bluish core color.
Used for classes, types and documentation tags.
Markup:
<div style="background-color:#8FBCBB; width=60; height=60"></div>
Styleguide Nord - Frost
*/
--nord7: $nord7;
/*
Bluish core accent color.
Represents the accent color of the color palette.
Main color for primary UI elements and methods/functions.
Can be used for
- Markup quotes
- Markup link URLs
Markup:
<div style="background-color:#88C0D0; width=60; height=60"></div>
Styleguide Nord - Frost
*/
--nord8: $nord8;
/*
Bluish core color.
Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and
punctuations like (semi)colons,commas and braces.
Markup:
<div style="background-color:#81A1C1; width=60; height=60"></div>
Styleguide Nord - Frost
*/
--nord9: $nord9;
/*
Bluish core color.
Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`).
Markup:
<div style="background-color:#5E81AC; width=60; height=60"></div>
Styleguide Nord - Frost
*/
--nord10: $nord10;
/*
Colorful component color.
Used for errors, git/diff deletion and linter marker.
Markup:
<div style="background-color:#BF616A; width=60; height=60"></div>
Styleguide Nord - Aurora
*/
--nord11: $nord11;
/*
Colorful component color.
Used for annotations.
Markup:
<div style="background-color:#D08770; width=60; height=60"></div>
Styleguide Nord - Aurora
*/
--nord12: $nord12;
/*
Colorful component color.
Used for escape characters, regular expressions and markup entities.
In the UI scope used for warnings and git/diff renamings.
Markup:
<div style="background-color:#EBCB8B; width=60; height=60"></div>
Styleguide Nord - Aurora
*/
--nord13: $nord13;
/*
Colorful component color.
Main color for strings and attribute values.
In the UI scope used for git/diff additions and success visualizations.
Markup:
<div style="background-color:#A3BE8C; width=60; height=60"></div>
Styleguide Nord - Aurora
*/
--nord14: $nord14;
/*
Colorful component color.
Used for numbers.
Markup:
<div style="background-color:#B48EAD; width=60; height=60"></div>
Styleguide Nord - Aurora
*/
--nord15: $nord15;
}

View File

@@ -21,6 +21,7 @@
<module>combodo-db-tools</module>
<module>itop-core-update</module>
<module>itop-hub-connector</module>
<module>combodo-backoffice-darkmoon-theme</module>
</modules>
<mandatory>true</mandatory>
</choice>

View File

@@ -69,8 +69,9 @@ class ThemeHandlerTest extends ItopTestCase
$aErrors = [];
$aDataModelFiles=glob(APPROOT . utils::GetConfig()->Get('source_dir'). "/**/datamodel*.xml");
$aImportsPaths = [
APPROOT.'datamodels',
$this->sTmpDir, // For DM rules
APPROOT.'datamodels', // Simulate env-xxx when looking for files outside env-xxx
APPROOT.'datamodels/2.x', // Simulate env-xxx when looking for files within env-xxx
$this->sTmpDir, // For DM rules
];
// First we have to compile the styles defined in the DM in order to feed it to the themes