@pacem/pacem-theme-less 1.0.0-amaldi

package/pacem/theme-light.less

@@ -0,0 +1,119 @@
+@import "theme-dark";
+
+/* #region VARIABLES*/
+@font_std: 'Roboto Condensed', 'Segoe UI', Helvetica, sans-serif;
+@font_main: 'PT Sans Narrow', 'Segoe UI Light', Helvetica, sans-serif;
+@font_size: 14px;
+@font_weight: 400;
+@font_rem_factor: 1;
+
+@font_icon_fill: 0;
+
+@color_blue: #fff; // #1e2336;
+@color_red: #ff005a; // #af0843;
+@color_teal: #429bbb; // #8fbbcc; //#73c8e9;
+@color_lightblue: rgb(242,242,242); // #262b3e;
+
+//@color_root_background: @color_background;
+@color_background_alt: #efefef;
+@color_danger: #c70808;
+@color_tech: fade( @color_highlight, 60);
+@color_watermark: #c0c0c0;
+@color_light: #fff;
+/*#endregion*/
+@color_default: #262b3e;
+@color_default_inv: #fff;
+@color_highlight: #77c77d; // #a7f8ab;
+@color_highlight_fore: @color_default;
+@color_success_inv: @color_highlight;
+@color_success_inv: #fff;
+@color_codeblock_back: #f6f6f6; // f7f8fc;
+
+@color_disabled: @color_watermark;
+@color_warning: #c6b800;
+@shadows: false;
+@gradients: false;
+@glows: false;
+@dark_theme: false;
+
+@border_radius: 6px;
+@color_scrollbar_thumb: #e4e7e9;
+
+// palette
+@palette_yellow: #e4d102;
+@palette_yellow_inv: #fff; // #331;
+@palette_orange: #e48d1c;
+@palette_orange_inv: #fff;
+@palette_gray: #a8a8a8;
+@palette_gray_inv: #fff;
+
+/*#region SCAFFOLDING_VARIABLES*/
+@field_outline_width: 0;
+@color_input_back: rgba(0,0,0,0.025);
+@color_input_fore: fade(@color_default, 75);
+/*#endregion*/
+/*#region UI VARIABLES*/
+// button
+@color_button_border_light: #fff;
+@color_button_border: #e0e3e8;
+@color_button_border_dark: #d0d3d8;
+@color_button_back: @color_lightblue;
+@color_button_fore: @color_default;
+@button_fontsize: 1rem * @font_rem_factor;
+
+@color_border_light: #fff;
+@color_border_dawn: #f5f5f5;
+@color_border_dusk: #f5f5f5;
+@color_border_dark: #eee;
+@color_shadow: rgba(0,0,0,0.05);
+
+// datatables
+@datarow_alt_color: fade(darken(@color_background_alt, 5), 20);
+
+// menu
+@menu_link_fontfamily: @font_main;
+@menu_link_fontsize: 1rem * @font_main_rem_factor;
+// breadcrumb
+@color_breadcrumb_home_fore: @color_accent;
+// balloon
+@balloon_color: #e4e7e9;
+@balloon_shadows: true;
+// contextmenu
+@color_contextmenu_hover_back: lighten(@color_button_back, 1);
+@color_contextmenu_hover_fore: darken(@color_default, @button_hover_percentage);
+// slider
+@color_slider_thumb: darken(@color_button_back, 5);
+// suggest
+@color_suggest_border: @color_button_border_dark;
+@color_suggest_back: @color_lightblue;
+@color_suggest_border_light: rgba(255,255,255,0.8);
+@color_suggest_border_dark: rgba(0,0,0,0.075);
+
+// tab
+@color_tab_back: @color_background; // @color_button_back;
+@color_tab_highlight: @color_highlight;
+@border_tab: 1px;
+// lightbox
+@color_lightbox_back: rgba(0,0,0,0.1);
+@color_gallery_back: rgba(0,0,0,0.75);
+
+@color_marquee_back: @color_lightblue;
+@color_marquee_fore: @color_default;
+
+@color_event_back: lighten(@color_teal, 10);
+@color_event_fore: #fff;
+/*#endregion*/
+/*#region SCAFFOLDING_VARIABLES*/
+@color_field_back: #fff;
+@border_field_size: 1px;
+@color_field_label: @color_teal;
+@border_field_underline: false;
+@color_field_fore_error: @color_error;
+
+/*#endregion*/
+/*.FormFieldItemBorders() {
+    border: @border_field_size solid;
+}*/
+
+// programmatically built palette
+@import "palette-light";

package/pacem/theme-phousys-old.less

@@ -0,0 +1,130 @@
+@import "theme-dark";
+
+/* #region VARIABLES*/
+
+// revisit!
+.Background() {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76'%3E%3Crect x='75' y='75' height='1' width='1' fill='rgba%28255,255,255,0.3%29'%3E%3C/rect%3E%3C/svg%3E");
+    background-position: 0 0;
+    background-repeat: repeat;
+    background-size: 76px;
+    background-attachment: fixed;
+}
+
+@font_btn: 'Teko', sans-serif;
+@font_main: 'PT Sans Narrow', 'Segoe UI Light', Helvetica, sans-serif;
+@font_tech: 'Share Tech Mono', Monospace;
+@font_icons: 'Material Icons';
+@font_size: 16px;
+@font_rem_factor: 7/8;
+@font_std: 'Yanone Kaffeesatz', 'Segoe UI', Helvetica, sans-serif;
+// tweak needed to align the icon to the std font baseline
+@font_icon_offset: -2px;
+
+@color_phousys: #65e4d5;
+// temp overrides
+@color_blue: #0e0d4b; // #191a2c;
+@color_lightblue: #0e0d4b;
+@color_background_alt: #22367c;
+@color_light: lighten(#65e4d5, 20); //#4beebf;
+@color_dark: #00163a; //#4beebf;
+@color_red: #ff0085; //#e51abb; //#b00c7d
+@color_teal: #625594; //#5d5483
+//@color_dark: #000;
+
+@color_error: #9c006e;
+@color_error_inv: #fff;
+@color_highlight: #0761d3;
+@color_highlight_fore: #fff;
+@color_tech: @color_phousys;
+@color_watermark: #c0c0c0;
+/*#endregion*/
+@color_background: @color_blue;
+@color_root_background: @color_background;
+@color_default: #fff; // @color_light;
+@color_title_inv: #0d267a;
+@color_title: #7acbcf;
+@color_success: #4beebf; //#3680a0;
+@color_success_inv: #fff;
+@color_warning: #d5d033;
+@color_warning_inv: #fff; // darken(@color_warning, 35);
+@color_danger: @color_error;
+@color_danger_inv: #fff;
+@color_accent: @color_phousys;
+@color_accent_inv: #fff; //@color_lightblue;
+/*@color_primary: #0761d3;
+@color_primary_inv: @color_light;*/
+@color_primary: @color_phousys;
+@color_primary_inv: #fff; //@color_lightblue;
+@color_disabled: rgba(255,255,255,0.2);
+@color_code: @color_phousys;
+@color_codeblock_back: darken(@color_button_back, 2.5);
+
+@shadows: false;
+@gradients: true;
+@glows: true;
+@blur: true;
+@border_radius: 0;
+
+@size_scrollbar: 5px;
+@color_scrollbar_track: transparent;
+@color_scrollbar_thumb: @color_phousys;
+/*#region BUTTON VARIABLES*/
+@color_button_border_light: rgba(255,255,255,0.1);
+@color_button_border: fade(@color_default, 0);
+@color_button_border_dark: rgba(0,0,0,0.25);
+@color_button_back: desaturate(@color_lightblue, 10);
+@color_button_fore: @color_default;
+@button_fontfamily: @font_btn;
+@button_fontsize: 1.4rem * @font_rem_factor;
+/*#endregion*/
+/*#region UI VARIABLES*/
+@color_link: @color_title;
+// menu
+@menu_link_color: fade(@color_default, 60);
+@menu_link_hover_color: @color_default;
+@menu_link_active_color: @color_accent;
+@menu_link_active_backgroundcolor: fade(@color_default, 5);
+@menu_link_fontfamily: @font_tech;
+@menu_link_fontsize: .8rem; // * @font_rem_factor;
+@menu_nav_background: fade(@color_background, 80);
+// balloon
+@balloon_color: @color_background_alt;
+// slider
+@color_slider_thumb: @color_highlight;
+// suggest
+@color_suggest_border: @color_button_back;
+@color_suggest_back: @color_button_back;
+@color_suggest_border_light: rgba(255,255,255,0.1);
+@color_suggest_border_dark: rgba(0,0,0,0.25);
+@color_suggest_focus_back: #002066;
+@color_suggest_focus_fore: @color_accent;
+@color_suggest_focus_highlight: @color_default;
+// contextmenu
+@color_contextmenu_hover_back: @color_suggest_focus_back;
+@color_contextmenu_hover_fore: @color_suggest_focus_fore; 
+// tab
+@color_tab_back: @color_button_back;
+@color_tab_highlight: @color_phousys;
+@border_tab: 1px;
+// marquee
+@color_marquee_back: #000;
+@color_marquee_back2: darken(@color_blue, 3);
+@color_marquee_fore: @color_default;
+// window
+@color_window_border: fade(@color_accent, 25);
+// calendar/schedule/agenda
+/*@color_event_back: #313cb0; // #3681a1;
+@color_event_fore: #3580a0; //#bbdefa;*/
+@color_event_back: #002391; // #002066;
+@color_event_fore: @color_accent;
+@color_schedule_header: #26265d;
+/*#endregion*/
+/*#region SCAFFOLDING_VARIABLES*/
+@color_field_outline: fade(@color_teal, 50);
+@color_field_back: fade(@color_background_alt, 10);
+@color_field_label: @color_primary;
+@border_field_size: 2px;
+@color_input_toggle: @color_phousys;
+@color_input_icon: @color_phousys;
+/*#endregion*/

package/pacem/theme-phousys.less

@@ -0,0 +1,153 @@
+@import "theme-dark";
+
+/* #region VARIABLES*/
+
+// revisit!
+.Background() {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76'%3E%3Crect x='75' y='75' height='1' width='1' fill='rgba%28255,255,255,0.3%29'%3E%3C/rect%3E%3C/svg%3E");
+    background-position: 0 0;
+    background-repeat: repeat;
+    background-size: 76px;
+    background-attachment: fixed;
+}
+
+@font_btn: 'Teko', sans-serif;
+@font_main: 'PT Sans Narrow', 'Segoe UI Light', Helvetica, sans-serif;
+@font_tech: 'Share Tech Mono', Monospace;
+@font_icons: 'Material Symbols Outlined';
+@font_size: 14px;
+@font_std_rem_factor: 1;
+@font_main_rem_factor: 1;
+@font_tech_rem_factor: 1;
+@font_std: 'Roboto Condensed', 'Segoe UI', Helvetica, sans-serif; //'Yanone Kaffeesatz', 'Segoe UI', Helvetica, sans-serif;
+// tweak needed to align the icon to the std font baseline
+@font_icon_offset: -2px;
+@font_weight: 300;
+
+@color_phousys: #29c7de; // #65e4d5;
+// temp overrides
+@color_blue: #06070e; // #191a2c;
+@color_lightblue: #101721;
+@color_background_alt: rgb(12,18,28); // #1e2f35;
+@color_light: lighten(@color_phousys, 20); //#4beebf;
+@color_dark: #000; //#4beebf;
+@color_red: #d42b2d; //#e51abb; //#b00c7d
+@color_teal: #2f989d; //#5d5483
+@color_gray: #676767;
+//@color_dark: #000;
+
+@color_error: @color_red;
+@color_error_inv: #fff;
+@color_highlight: #119e9c;
+@color_highlight_fore: #fff;
+@color_tech: @color_phousys;
+@color_watermark: #c0c0c0;
+/*#endregion*/
+@color_background: @color_blue;
+@color_root_background: @color_background;
+@color_root: @color_background;
+@color_default: #fff; // @color_light;
+@color_title_inv: #1b2733;
+@color_title: #4fd1d9; // #317396;
+@color_success: #42d9af;
+@color_success_inv: #fff;
+@color_warning: #dbcc30;
+@color_warning_inv: #fff; // darken(@color_warning, 35);
+@color_danger: #9c006e;
+@color_danger_inv: #fff;
+@color_accent: @color_phousys;
+@color_accent_inv: #fff; //@color_lightblue;
+/*@color_primary: #0761d3;
+@color_primary_inv: @color_light;*/
+@color_primary: #3b748f;
+@color_primary_inv: #fff; //@color_lightblue;
+@color_secondary: #1e4f57;
+@color_disabled: #36373e;
+@color_disabled_inv: #999;
+@color_code: @color_phousys;
+@color_codeblock_back: darken(@color_button_back, 2.5);
+
+@color_shadow: #000;
+
+// palette
+@palette_red: @color_red;
+
+@shadows: false;
+@gradients: true;
+@glows: true;
+@blur: true;
+@border_radius: 0;
+@menuitem_borders: false;
+
+@size_scrollbar: 5px;
+@color_scrollbar_track: transparent;
+@color_scrollbar_thumb: @color_phousys;
+/*#region BUTTON VARIABLES*/
+@color_button_border_light: rgba(255,255,255,0.1);
+@color_button_border: fade(@color_default, 0);
+@color_button_border_dark: rgba(0,0,0,0.25);
+@color_button_back: desaturate(@color_lightblue, 10);
+@color_button_fore: @color_default;
+@button_fontfamily: @font_btn;
+@button_fontsize: 1.4rem * @font_rem_factor;
+/*#endregion*/
+/*#region UI VARIABLES*/
+@color_link: @color_title;
+// menu
+@menu_link_color: fade(@color_default, 60);
+@menu_link_hover_color: @color_default;
+@menu_link_active_color: @color_accent;
+@menu_link_active_backgroundcolor: fade(#354a52, 33.333); // fade(@color_default, 5);
+@menu_link_active_decorcolor: @palette_blue;
+@menu_link_fontfamily: @font_tech;
+@menu_link_fontsize: .9rem * @font_tech_rem_factor;
+@menu_nav_background: fade(@color_background, 80);
+// breadcrumb
+@color_breadcrumb_home_fore: @color_accent;
+// balloon
+// @balloon_color: rgb(18,28,40);
+@balloon_shadows: true;
+// slider
+@color_slider_thumb: @color_highlight;
+// suggest
+@color_suggest_border: @color_button_back;
+@color_suggest_back: @color_button_back;
+@color_suggest_border_light: rgba(76,102,104,0.5);
+@color_suggest_border_dark: rgba(0,0,0,.5); // rgba(46,54,62,0.5);
+@color_suggest_focus_back: @menu_link_active_backgroundcolor;
+@color_suggest_focus_fore: @color_default;
+@color_suggest_focus_highlight: @color_highlight;
+// contextmenu
+@color_contextmenu_hover_back: @color_suggest_focus_back;
+@color_contextmenu_hover_fore: @color_suggest_focus_fore;
+// tab
+@color_tab_back: @color_button_back;
+@color_tab_highlight: @color_phousys;
+@border_tab: 1px;
+// marquee
+@color_marquee_back: #000;
+@color_marquee_back2: darken(@color_blue, 3);
+@color_marquee_fore: @color_default;
+// window
+@color_window_border: fade(@color_accent, 25);
+// toast
+@color_toast_back: @menu_link_active_backgroundcolor;
+
+// calendar/schedule/agenda
+/*@color_event_back: #313cb0; // #3681a1;
+@color_event_fore: #3580a0; //#bbdefa;*/
+@color_event_back: #1c446e; // #002066;
+@color_event_fore: @color_accent;
+@color_schedule_header: #182b4c;
+/*#endregion*/
+/*#region SCAFFOLDING_VARIABLES*/
+@color_field_outline: fade(@color_teal, 50);
+@color_field_back: fade(@color_background_alt, 10);
+@color_field_label: @color_primary;
+@border_field_size: 2px;
+@color_input_toggle: @color_phousys;
+@color_input_icon: @color_phousys;
+@color_field_fore_error: @color_error;
+//
+@color_lightbox: fade(@color_background_alt, 50);
+/*#endregion*/

package/pacem/transforms/index.less

@@ -0,0 +1,7 @@
+@import "../../shared";
+@import "../theme-dark";
+
+.@{PCSS}-highlight {
+    color: @color_highlight_fore;
+    background-color: @color_highlight;
+}

package/pacem/ui/dark/anchor.less

@@ -0,0 +1,45 @@
+@import "../shared";
+
+.IconA(@icon) {
+    .IconCore();
+    content: @icon;
+    display: inline-block;
+    vertical-align: middle;
+    margin-left: .1em; //.1rem * @font_rem_factor;
+    line-height: 1;
+}
+
+@{P}-a {
+    display: inline-block;
+    color: @color_link;
+    cursor: default;
+
+    &:hover {
+        color: lighten(@color_link, 10);
+    }
+
+    &.a-target::after {
+        .IconA('launch');
+    }
+
+    &.a-url {
+        cursor: pointer;
+    }
+
+    &.a-download::after {
+        .IconA('vertical_align_bottom');
+    }
+
+    // disabled link
+    &.@{PCSS}-disabled {
+        color: @color_disabled;
+
+        &:hover {
+            color: @color_disabled;
+        }
+
+        &.a-url {
+            cursor: default;
+        }
+    }
+}