NOTICE: By continued use of this site you understand and agree to the binding Terms of Service and Privacy Policy.
// ==UserScript== // @name xa_ice_blue_theme // @description Colored blue theme // @version 0.43.06 // @require https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js // @require https://raw.githubusercontent.com/JDMcKinstry/jQuery.winFocus/master/jquery.winFocus.js // @include /^https://.*-des\.f.v..d\.com// // @license MIT // @updateURL https://openuserjs.org/meta/ford.lambert/xa_ice_blue_theme.meta.js // @downloadURL https://openuserjs.org/install/ford.lambert/xa_ice_blue_theme.user.js // ==/UserScript== // ==OpenUserJS== // @author ford.lambert // ==/OpenUserJS== // jshint esversion: 6 // jshint jquery: true // globals $, jQuery (function(jQuery) { 'use strict'; jQuery.noConflict(); // do not use $ bdecause it's also used by Prototype console.log(`%c Loading Ice Blue Theme (designed for lean_)`, 'color: #38C4CC') const addCss = (css) => { const node = document.createElement("style"); node.type = "text/css"; node.appendChild(document.createTextNode(css)); const heads = document.getElementsByTagName("head"); if (heads.length > 0) { heads[0].appendChild(node); } else { console.log('no head detected to append ice blue theme') document.appendChild(node); } } (function() { let css = ""; css += [ "/*", " Navbar and aside background-color: #26094B", " Main sharp color: #514C8F", " clearer main color: rgba(38, 9, 75, 0.5)", " darker main color: #1f073d", " ", " Dark grey: #505061 (for selected elements)", " medium-grey: #c3c3c3 (for hover)", " light-grey: #F2F2F2 (for background)", " */", " ", " /* ----- Designer \"body\" ----- */", " .tree_parts FIELDSET.if>SPAN, .tree_parts FIELDSET.unless>SPAN, .tree_parts FIELDSET.if>FIELDSET, .tree_parts FIELDSET.unless>FIELDSET {", " width: auto;", " }", "", " #diagnostic {", " display: none;", " }", " ", " #quality_report {", " display: none;", " }", " ", " a, a:visited {", " color: #514C8F;", " }", " ", " a:hover {", " color: #1f073d;", " }", " ", " .tasks {", " background-color: white;", " }", " ", " option[selected='selected'] {", " background-color: rgb(208,200,200);", " }", " ", " /* ----- Designer Navbar ----- */", " ", " #header h1 {", " display: none;", " }", " ", " .sub-title {", " position: absolute;", " left: 15px;", " bottom: 0;", " font-size: 1.1em; ", " }", " ", " #copyr {", " top: 55px !important;", " left: 10px !important;", " color: white !important;", " }", " #restored-copyr {", " top: 70px !important;", " left: 10px !important;", " font-size: 9pt;", " font-weight: normal;", " position: absolute; ", " }", " ", " #login {", " margin-right: 25px !important;", " font-size: 1.1em !important; ", "}", "", "#login a {", " color: white !important;", " text-decoration: underline;", "}", "", "#login a i {", " margin-right: 5px;", "}", " ", " .working-on a {", " color: orange !important; ", " }", " ", " .default {", " background-image: url(http://storage.gra.cloud.ovh.net/v1/AUTH_0b4eb0b702894162b8bcdc31088fb7dd/hexa-public/designer_customizations/default.png) !important;", " }", " ", " .ready {", " background-image: url(http://storage.gra.cloud.ovh.net/v1/AUTH_0b4eb0b702894162b8bcdc31088fb7dd/hexa-public/designer_customizations/ready.png) !important;", " }", " ", " .waiting {", " background-image: url(http://storage.gra.cloud.ovh.net/v1/AUTH_0b4eb0b702894162b8bcdc31088fb7dd/hexa-public/designer_customizations/waiting.png) !important;", " }", " ", " .running {", " background-image: url(http://storage.gra.cloud.ovh.net/v1/AUTH_0b4eb0b702894162b8bcdc31088fb7dd/hexa-public/designer_customizations/running.png) !important;", " }", " ", " #header #title {", " cursor: pointer;", " width: 200px;", " margin-top: 5px;", " padding: 0;", " height: 60px;/*100%;*/", " }", " ", " #header .management .slide {", " border-color: #26094B;", " }", " ", " #header .icon-chevron-left {", " display: none;", " }", " ", " #header a {", " color: #514C8F;", " }", " ", " #header {", " height: 90px;", " background-color: #26094B;", " background-image: none;", " color: white;", " border: none;", " }", " ", " #header-elts {", " padding-top: 5px; ", " }", " ", " #header-elts #user-story-warning, #header-elts #working_on {", " font-size: 1.1em;", " font-weight: bold; ", " }", " ", " #header-elts #user-story-warning {", " color: #D04158;", " }", "", " #gs_results {", " color: black;", " width: 500px;", " border: 1px solid black;", " opacity: 1 !important;", " }", "", " #gs_results ul {", " width: auto !important;", " }", "", " #gs_form ul li span {", " width: 12em;", " }", "", " #gs_form ul li {", " padding: 4px;", " }", "", " #gs_form ul li:nth-child(odd) {", " background-color: #f2f2f2;", " }", " ", " #header .management {", " margin-top: 5px;", " }", " ", " #account_menu_items {", " margin: 2px 3px 0 0;", " }", " ", " #account_menu_items ul {", " background-color: #26094B !important;", " border: 1px solid white;", " }", " ", "#project_menu_table h3 {", " border: 1px solid black;", " color: black;", " padding: 3px 0;", " }", " ", "#project_menu_table ul li a {", " padding: 1.5px 0;", " }", " ", ".management {", " margin: 0 10px 0 0 !important;", " width: auto;", " min-width: 160px;", " height: 40px;", " position: relative;", "}", "", "body.tasks .management {", " position: initial;", "}", "", ".management h2 {", " margin: 0 !important;", " padding: 0;", " height: 100%;", " width: 100%;", " display: flex;", " align-items: center;", " justify-content: center;", "}", "", "body:not(.tasks) .management .slide {", " height: 0 !important;", " top: 40px;", " right: -2px !important;", "}", "", "body:not(.tasks) .management .slide {", " /*border: 1px solid red;*/", "}", "", "body:not(.tasks) .management.open .slide {", " min-height: 100px !important;", " height: auto !important;", " border: 1px solid black !important;", " display: flex;", " align-items: center;", " justify-content: center;", " opacity: 1 !important;", "}", "", "body:not(.tasks) .management.open #production_monitor {", " border-color: white !important;", "}", "", "body:not(.tasks) .management.open .slide ul {", " margin: 0 !important;", " padding: 5px !important;", "}", "", "body:not(.tasks) .management.open #recent_codes_slide li {", " padding: 0.5em !important;", "}", "", "body:not(.tasks) .management.open #recent_codes_slide li a {", " white-space: nowrap;", "}", " ", " @media screen and (max-width: 1400px) {", " #header .management {", " width: 150px;", " }", " ", " #header .management h2 {", " font-size: 1.2em;", " }", " }", " ", " @media screen and (max-width: 1300px) {", " #header .management {", " width: 100px;", " margin-top: 0;", " margin-bottom: 10px;", " }", " ", " #header .management h2 {", " margin-bottom: 15px;", " }", " }", " ", " #global_search {", " width: 250px;", " margin-top: 10px;", " }", " ", " #global_search_field {", " text-align: center;", " }", " ", " #header .management UL LI:hover {", " background-color: transparent;", " }", " ", " /* ----- Designer Navbar Sliding menus ----- */", " .slide {", " background-color: white !important;", " }", " ", " .slide ul {", " background-color: transparent !important;", " }", " ", " .slide ul li:hover {", " background-color: #26094B !important;", " }", " ", " .slide ul li:hover a {", " color: white !important;", " }", " ", " /* ----- Designer Navbar Production Monitor ----- */", " .current_tasks {", " margin-top: 15px !important;", " }", " ", " #production_monitor {", " background-color: #26094B !important;", " }", " ", " /* ----- Designer Aside (Maveocs list) ----- */", " ", " #menu {", " background-color: #26094B;", " border-right: 2px solid #26094B;", " border-bottom: 2px solid #26094B;", " margin: 0;", " height: 93%;", " }", " ", " #menu INPUT[type=search] {", " width: 90%;", " margin: 10px 5%;", " }", " ", " #menu li {", " background-color: #F2F2F2;", " }", " ", " #menu h2.title {", " background-color: #26094B;", " border-top: 2px solid #26094B;", " padding: 4px 0 6px 0;", " font-size: 1.4em;", " }", " ", " #menu h2.title a {", " color: white;", " }", " ", " #menu h2 {", " color: white !important;", " }", " ", " #menu h2.title a img {", " display: none;", " }", " ", " #menu h2.title a:nth-child(2) {", " background-image: url(https://i.imgur.com/148iBR7.png);", " margin-left: 5px;", " border: 1px solid #514C8F;", " }", " ", " #menu h2.title a:nth-child(2):hover {", " background-image: url(https://i.imgur.com/m9y4oDe.png);", " }", " ", " #menu h2.title a:nth-child(1) {", " background-image: url(https://i.imgur.com/v8FqhF3.png);", " margin-right: 5px;", " border: 1px solid #514C8F;", " }", " ", " #menu h2.title a:nth-child(1):hover {", " background-image: url(https://i.imgur.com/14Bf3eA.png);", " }", " ", " #menu h2.title a {", " background-size: cover;", " width: 16px;", " height: 16px;", " border-radius: 15%;", " }", " ", "#menu .menu-element h2.title {", " position: relative;", "}", " ", "#menu .menu-element h2.title a.plus {", " background-image: url(https://i.imgur.com/148iBR7.png);", " visibility: visible;", " position: absolute;", " left: 5px;", " top: 4px;", " width: 16px;", "}", " ", "#menu .menu-element h2.title a.plus::before, #menu .menu-element h2.title a.plus::after {", " display: none;", "}", " ", "#menu .menu-element h2.title a.status_, #menu .menu-element h2.title a[accesskey='1'] {", " border-color: transparent;", " width: 100%;", " padding-left: 2.5%;", " margin: 0;", " text-align: center;", " background-color: transparent;", " background-image: none;", "}", " ", "#menu .menu-element h2.title a.diagram {", " background-image: url(https://i.imgur.com/v8FqhF3.png);", " color: transparent;", " visibility: visible;", " position: absolute;", " right: 5px;", " top: 3px;", " width: 16px;", " height: 14px;", " background-color: white;", " padding: 4px 1px 0 0;", " text-align: center;", "}", " ", " #menu .in_use, #menu li:hover {", " background-color: #c3c3c3;", " }", " ", " #menu li:hover a {", " color: black; ", " }", " ", " #menu .in_use a {", " color: white; ", " }", " ", " #menu .in_use:hover a {", " color: black;", " }", " ", " .search {", " text-align: center;", " }", " ", " /* ----- Designer buttons and inputs ----- */", " ", " #edit_save_form_submit, #update_form_submit, #continue_editing_form_submit, a[href=\"/javascripts/new?\"], a[href=\"/js_groups/new\"], a[href=\"/style_variables/new?\"] {", " background-color: white;", " color: #514C8F;", " border: 1px solid #514C8F;", " border-radius: 0px;", " padding: 7px;", " margin-left: 10px;", " margin-bottom: 10px;", " cursor: pointer;", " }", " ", " #edit_save_form_submit:hover, #update_form_submit:hover, a[href=\"/javascripts/new?\"]:hover, a[href=\"/js_groups/new\"]:hover, a[href=\"/style_variables/new?\"]:hover {", " background-color: #514C8F;", " color: white;", " }", " ", " a[href=\"/javascripts/new?\"], a[href=\"/js_groups/new\"], a[href=\"/style_variables/new?\"] {", " margin-top: -20px;", " position: absolute;", " text-decoration: none;", " }", " ", " a[href=\"/js_groups/new\"] {", " margin-top: -10px;", " }", " ", " button, input[type=\"submit\"], input[type=\"reset\"] {", " background-color: white;", " color: #514C8F;", " border: 1px solid #514C8F;", " border-radius: 0px;", " cursor: pointer;", " margin: 5px 0;", " padding: 4px;", " }", " ", " button:hover, #continue_editing_form_submit:hover, input[type=\"submit\"]:hover, input[type=\"reset\"]:hover {", " background-color: #514C8F;", " color: white;", " }", " ", " a[href=\"/javascripts/new?\"] img, a[href=\"/js_groups/new\"] img, a[href=\"/style_variables/new?\"] img{", " display: none;", " }", " ", " /* ----- Designers tabs (everywhere) ----- */", " .tabs li a {", " color: black;", " }", " ", " .tabs li.current {", " border: 1px solid #514C8F;", " background-color: rgba(38, 9, 75, 0.5);", " color: white;", " }", " ", " .tabs li.current a {", " color: white;", " }", " ", " .tabs li:hover {", " background-color: rgba(38, 9, 75, 0.2)", " }", " ", " .tabs li:hover a {", " color: white; ", " }", " ", " /* ----- Designer Stylesheet Editor ----- */", " ", " #edit_style fieldset[id$='_preview_box'], #edit_style fieldset[id$='_preview_live'] {", " display: none;", " }", " ", " #edit_style fieldset[id$='_root_container'] {", " height: 83vh;", " }", " ", " #edit_style fieldset[id$='_root_container'] div[id$='_code_ace'] {", " height: 70vh !important;", " }", " ", " #edit_style fieldset[id$='_root_container'] .ace-toolbar {", " min-height: 25px !important;", " border: 1px solid black;", " font-size: 1.2em;", " padding: 0;", " display: flex;", " align-items: center;", " }", " ", " #edit_style fieldset[id$='_root_container'] .ace-toolbar li {", " min-height: 100%;", " width: 15%;", " display: flex;", " align-items: center;", " justify-content: center;", " margin: 0;", " padding: 0px 5px;", " }", " ", " #edit_style fieldset[id$='_root_container'] .ace-toolbar li:hover {", " background-color: #514C8F;", " color: white;", " }", " ", " #edit_style fieldset[id$='_root_container'] .ace-toolbar li:hover a {", " color: white;", " }", " ", " #edit_style fieldset[id$='_root_container'] .ace-toolbar li:nth-child(n+5) {", " width: 20%;", " }", " ", " #edit_style fieldset[id$='_root_container'] .ace-toolbar li:nth-child(n+5):hover {", " background-color: transparent;", " color: black;", " }", " ", " #edit_style fieldset[id$='_root_container'] .ace-toolbar li a {", " height: 100%;", " display: flex;", " align-items: center;", " justify-content: center;", " }", " ", " #edit_style fieldset[id$='_root_container'] .ace-toolbar li a:hover {", " background-color: #514C8F;", " color: white;", " }", " ", " #pick_style {", " position: relative;", " }", " ", " #pick_style > a {", " font-size: 1.8em;", " position: absolute;", " top: 100px;", " display: block;", " padding: 10px;", " border: 2px solid #514C8F;", " color: #514C8F;", " text-decoration: none;", " left: 0; ", " right: 0; ", " margin-left: auto; ", " margin-right: auto; ", " width: auto;", " text-align: center;", " margin: 0 20px;", " }", " ", " #pick_style > a:hover {", " color: white;", " background-color: #514C8F;", " }", " ", " #styles a:hover {", " background-color: rgba(38, 9, 75, 0.2) !important;", " }", " ", " #pick_style > a img {", " display: none; ", " }", " ", " #stylesheet div {", " display: flex;", " flex-direction: column;", " }", " ", " #stylesheet .not-aligned {", " margin-top: 70px !important;", " order: 3;", " }", " ", " .tabs_content .ace-chrome, .tabs_content .ace_text-input {", " height: 60vh !important;", " }", " ", " /* */", " ", " ", " #page_content {", " border: 2px solid #26094B;", " }", " ", " #page_content H2.title {", " padding: 10px;", " }", " ", " /* ----- Designer Tables style ----- */", " ", " .tabs_content table caption, .tabs_content table thead tr {", " background-color: #F2F2F2 !important;", " background-image: none !important;", " color: black !important;", " border: 1px solid #514C8F !important;", " padding: 5px;", " margin-left: 0;", " }", " ", " .shared_and_spec tbody tr td {", " vertical-align: top;", " }", " ", " .tabs_content table caption {", " border-bottom: none !important;", " }", " ", " .tabs_content table thead tr th {", " background-color: #F2F2F2 !important;", " background-image: none !important;", " padding: 5px;", " border-bottom: 1px solid #514C8F !important;", " }", " ", " .tabs_content table {", " border: 1px solid #514C8F !important;", " }", " ", " #shared_views_td table, #specific_views_td table, #cached_views_td table, #view_helpers_shared, #view_helpers_specific, #view_tests_shared, #view_tests_specific, #model_logics_shared, #model_logics_specific, #named_scopes_shared, #named_scopes_specific, #model_constants_shared, #model_constants_specific, #model_tests_shared, #model_tests_specific, #aktions_shared, #aktions_specific, #notifications_shared, #notifications_specific, #web_client_apis_shared, #web_client_apis_specific, #controller_tests_shared, #controller_tests_specific, #validations_specific, #field_logics_specific, #field_attributes_specific, #maveoc_attributes_specific {", " border: none !important;", " }", " ", " #root_container_div DIV:hover {", " border: 1px solid #514C8F;", " background-color: rgba(38, 9, 75, 0.2);", " }", " ", " .tabs_content table table th:hover {", " background-color: rgba(38, 9, 75, 0.2) !important;", " }", " ", " .tabs_content table table th:hover a {", " color: black !important;", " }", " ", " /* ----- Code and visual editors ----- */", " ", " .drag_objects {", " padding-top: 15px !important;", " }", " ", " .drag_objects .field_objects {", " background-image: none;", " background-color: #F2F2F2;", " }", " ", " .drag_objects .field_objects:hover {", " border-color: #514C8F;", " background-color: rgba(38, 9, 75, 0.2);", " color: black;", " }", " ", " .field_views_table TBODY TR:hover, .shared_and_spec th[class^=status]:hover {", " background-color: rgba(38, 9, 75, 0.2);", " }", " ", " .shared_and_spec th[class^=status]:hover a {", " color: black;", " }", " ", " /* ----- Css and Js editors ------ */", " ", " #style_variables_table {", " width: 100%;", " }", " ", " #style_variables_table th, #style_variables_table td {", " padding: 5px;", " }", " ", " #javascripts_list, #js_functions_fs, #style_variables_list {", " margin-bottom: 40px;", " }", " ", " /* ------ Layout editor ------ */", " #layouts_filter_form fieldset {", " height: 100px;", " }" ].join("\n"); css += [ "/*----- Home page -----*/", ".tabs_content ul.ace-toolbar li {", " font-size: 1.1em !important;", "}", "", ".tabs_content ul.ace-toolbar li select {", " font-size: 1em important;", "}", "", " User Dashboard ", ".tasks .title {", " background-color: #26094B;", " color: white;", " margin: 0;", "}", "", ".tasks .help {", " padding: 5px 0;", " text-align: center;", " font-size: 1.2em;", "}", "", ".tasks .tabs {", " width: 100%;", " display: block;", " margin: 0;", " padding: 0;", " border-bottom: 1px solid black;", " height: 25px;", " overflow: hidden;", "}", "", ".tasks .tabs li {", " height: 25px;", " width: 80px;", " text-align: center;", " margin: 0 5px;", " position: relative;", " transition: all 0.5s ease-out;", "}", "", ".tasks .tabs li:hover {", " border: 1px solid black;", "}", "", ".tasks .tabs .current {", " background-color: rgba(38, 9, 75, 0.5);", "}", "", ".tasks .tabs li a {", " position: absolute;", " top: 4px;", " width: 100%;", " left: 0;", " margin: 0;", " padding: 0;", "}", "", ".tasks #dash_menu {", " padding: 0 10% 0 0;", " width: 15%;", "}", "", ".tasks #dash_menu h3 {", " border-bottom: 1px solid #26094B;", " font-size: 1.2em;", "}", "", ".tasks #dash_menu h3 img {", " display: none;", "}", "", ".tasks #dash_menu li img {", " display: none;", "}", "", ".tasks #dash_menu li a {", " font-size: 1.1em;", "}", "", ".content .tabs_content {", " padding: 0;", " border: 1px solid #26094B;", " border-radius: 5px 5px 0 0;", "}", "", ".content .tabs_content h3 {", " padding: 5px 15px;", " border-bottom: 1px solid #26094B;", "}", "", ".content .tabs_content h3 img {", " display: none;", "}", "", ".container_tabs ul {", " height: auto !important;", "}", "", ".working-on {", " margin-right: 25px;", "}", "", "#header-elts {", " text-align: right;", "}", "", "/* v2 */", ".tabs_content {", " margin: 0 10px;", " border: none !important;", "}", "", ".tabs_content > fieldset {", " padding: 0;", " margin: 0;", "}", "", ".tabs_content > fieldset fieldset {", " margin: 0 0 20px 0;", "}", "", ".content .tabs_content .shared_and_spec caption {", " background-color: #26094B !important;", " color: white !important;", " font-style: normal;", " font-size: 1.2em;", " padding: 7px;", "}", "", ".tabs_content .grp {", " background-color: rgba(69, 113, 147, 0.2);", " color: black;", "}", "", "caption img , caption i{", " padding: 2px;", " background-color: white;", " border: 1px solid black;", " border-radius: 25%;", "}", "", "caption .trashed {", " padding: 0 !important;", " border: none !important;", "}", "", "caption .trashed i {", " height: 14px;", " width: 14px;", " padding: 3.5px;", "}", "", "caption .icon-cloud-download {", " height: 15px;", " width: 18px;", " padding-top: 5px;", " padding-right: 0;", "}", "", "#mvc_tabs li {", " padding: 3px;", " margin: 5px 5px -1px 5px;", " border-color: #26094B;", " border-bottom-color: black;", "}", "", "#mvc_tabs .model {", " margin-left: 10px;", "}", "", "#mvc_tabs .target_app {", " margin-right: 10px;", "}", "", "table {", " box-shadow: none !important;", "}", "", ".bundled {", " min-height: 10px;", "}", "", ".page_content .title {", " ", "}", "", ".propositions, .specify, .linker {", " background-color: rgba(69, 113, 147, 0.2);", " padding: 3px !important;", " color: black !important;", " transition: transform 1.00s ease-in-out;", " font-weight: normal;", "}", "", ".propositions i, .specify i, .linker i {", " font-weight: normal;", "}", "", "#field_trash, #pasteboard {", " display: inline-block !important;", "}", "", "#field_trash {", " margin-right: 20px;", "}", "", "#root_container_div {", " box-shadow: none;", " border: none;", "}", "", "#root_container_div fieldset:nth-child(even) {", " background-color: rgba(69, 113, 147, 0.1);", "}", "", "#root_container_div fieldset legend {", " font-weight: bold;", " text-decoration: underline;", "}", "", "caption #field_validations, caption .specify, caption .propositions, caption #field_field_attributes, caption .maveoc_attributes {", " background-color: white;", " padding: 0 3px 0 0 !important;", " border: none;", " margin-top: 2px;", "}", "", "caption #field_validations img, caption .specify i, caption .propositions i, caption #field_field_attributes img, caption .maveoc_attributes img {", " border: none;", " height: 13px;", "}", "", "caption .specify {", " margin: 2px 3px 0 0;", "}", "", ".fields form fieldset {", " border: 1px solid #888 !important;", " margin: 0 !important;", "}", "", "caption img:hover, caption i:hover {", " filter: hue-rotate(90deg);", " text-decoration: none;", "}", "", "/* Modals */", "#fav_modal {", " padding: 0 !important;", " overflow: hidden;", " padding-bottom: 20px !important;", "}", "", "#fav_modal .title {", " font-size: 1.4em;", " padding: 5px;", " background-color: #26094B;", " color: white;", "}", "", "#fav_modal .title img {", " display: none;", "}", "", "#fav_modal .close_modal {", " color: white;", "}", "", "#modal_content {", " padding: 25px;", "}", "", "#modal_content form > label {", " margin-bottom: 15px;", "}", "", "#modal_content legend {", " background-color: #26094b;", " color: white;", "}", "", "#modal_content ul li:nth-child(even) {", " background-color: rgba(69, 113, 147, 0.1);", "}", "", "#modal_content .propositions {", " background-color: white;", "}", "", "#editor_selector {", " margin-top: 15px;", "}", "", "#editor_selector li {", " display: inline-block;", " padding: 3px;", " margin-bottom: -1px;", " border-bottom-color: black;", "}", "", "#editor_selector .tabs_content {", " border: 1px solid #26094B !important;", " border-radius: 0;", "}", "", ".icon_selector .linker {", " background: linear-gradient(to bottom,#F0F0F0 0,#DDD 100%);", " padding: 0 !important;", "}" ].join("\n"); addCss(css); })(); })(jQuery);