Adapt to core accessibility and color palette changes (#156)

Author: timja

pom.xml

@@ -4,7 +4,7 @@
   <parent>
     <groupId>org.jenkins-ci.plugins</groupId>
     <artifactId>plugin</artifactId>
-    <version>4.2</version>
+    <version>4.15</version>
     <relativePath />
   </parent>
   <groupId>io.jenkins.plugins</groupId>
@@ -14,7 +14,7 @@
   <properties>
     <revision>0.0.3</revision>
     <changelist>-SNAPSHOT</changelist>
-    <jenkins.version>2.249.1</jenkins.version>
+    <jenkins.version>2.277</jenkins.version>
     <java.level>8</java.level>
     <tagNameFormat>@{project.version}</tagNameFormat>
     <useBeta>true</useBeta>
@@ -25,8 +25,8 @@
     <dependencies>
       <dependency>
         <groupId>io.jenkins.tools.bom</groupId>
-        <artifactId>bom-2.222.x</artifactId>
-        <version>10</version>
+        <artifactId>bom-2.263.x</artifactId>
+        <version>21</version>
         <scope>import</scope>
         <type>pom</type>
       </dependency>
@@ -37,7 +37,7 @@
     <dependency>
       <groupId>io.jenkins.plugins</groupId>
       <artifactId>theme-manager</artifactId>
-      <version>0.1</version>
+      <version>0.6</version>
     </dependency>
 
     <dependency>

src/main/resources/io/jenkins/plugins/darktheme/theme.css

@@ -2,12 +2,15 @@
   --dark-theme-bg-black: #111;
   --dark-theme-bg-dark: #222;
   --dark-theme-bg-medium: #2d2b2b;
-  --dark-theme-bg-333: #333;
+  --dark-theme-bg-dark-grey: #333;
+  --dark-theme-bg-medium-grey: #444;
+  --dark-theme-bg-light-grey: #555;
+  --dark-theme-bg-very-light-grey: #444;
   --background: var(--dark-theme-bg-dark);
-  --very-light-grey: var(--dark-theme-bg-dark);
-  --light-grey: var(--dark-theme-bg-333);
-  --medium-grey: var(--dark-theme-bg-333);
-  --white: var(--dark-theme-bg-333);
+  --very-light-grey: var(--dark-theme-bg-very-light-grey);
+  --light-grey: var(--dark-theme-bg-medium);
+  --medium-grey: var(--dark-theme-bg-medium-grey);
+  --white: var(--dark-theme-bg-dark-grey);
 
   /* Text */
   --text-color: #c0c0c0;
@@ -32,11 +35,11 @@
   /* Buttons */
   --btn-secondary-bg: var(--dark-theme-bg-dark);
   --btn-secondary-color: var(--btn-primary-color);
-  --btn-link-bg--hover: var(--dark-theme-bg-333);
-  --btn-link-bg--active: var(--dark-theme-bg-333);
+  --btn-link-bg--hover: var(--dark-theme-bg-dark-grey);
+  --btn-link-bg--active: var(--dark-theme-bg-dark-grey);
 
   /* Help area */
-  --help-area-bg-color: var(--dark-theme-bg-333);
+  --help-area-bg-color: var(--dark-theme-bg-dark-grey);
   --configure-job-help-area-bg-color: var(--dark-theme-bg-dark);
 
   /* Header */
@@ -53,75 +56,75 @@
   --breadcrumbs-bg-color--hover: var(--dark-theme-bg-dark);
   --breadcrumbs-text-color: var(--text-color);
   --breadcrumbs-item-bg-color--hover: var(--dark-theme-bg-dark);
-  --breadcrumbs-border: var(--dark-theme-bg-333);
+  --breadcrumbs-border: var(--dark-theme-bg-dark-grey);
 
   /* Links */
   --link-color: #18B;
   --link-visited-color: var(--link-color);
 
   /* Table */
   --bigtable-header-bg: var(--dark-theme-bg-black);
-  --bigtable-header-border-color: var(--dark-theme-bg-333);
+  --bigtable-header-border-color: var(--dark-theme-bg-dark-grey);
   --bigtable-header-text-color: var(--text-color);
-  --bigtable-row-border-color: var(--dark-theme-bg-333);
+  --bigtable-row-border-color: var(--dark-theme-bg-dark-grey);
   --even-row-color: #020202;
-  --table-striped-bg--hover: var(--dark-theme-bg-333);
+  --table-striped-bg--hover: var(--dark-theme-bg-dark-grey);
 
   /* Pane widget */
-  --pane-border-color: var(--dark-theme-bg-333);
-  --pane-header-border-color: var(--dark-theme-bg-333);
+  --pane-border-color: var(--dark-theme-bg-dark-grey);
+  --pane-header-border-color: var(--dark-theme-bg-dark-grey);
   --pane-header-color: var(--dark-theme-bg-black);
 
   /* Tab bar widget */
-  --tab-link-border-color: var(--dark-theme-bg-333);
+  --tab-link-border-color: var(--dark-theme-bg-dark-grey);
   --tab-link-text-color: #999;
   --tab-link-checked-bg: var(--dark-theme-bg-black);
   --tab-link-checked-text-color: var(--primary);
-  --tab-link-bg--hover: var(--dark-theme-bg-333);
-  --tab-link-bg--active: var(--dark-theme-bg-333);
+  --tab-link-bg--hover: var(--dark-theme-bg-dark-grey);
+  --tab-link-bg--active: var(--dark-theme-bg-dark-grey);
 
   /* Side panel */
   --panel-header-bg-color: var(--dark-theme-bg-black);
-  --panel-border-color: var(--dark-theme-bg-333);
+  --panel-border-color: var(--dark-theme-bg-dark-grey);
   --panel-border-color--hover: var(--dark-theme-bg-black);
-  --task-link-bg-color--hover: var(--dark-theme-bg-black);
+  --task-link-bg-color--hover: var(--dark-theme-bg-medium-grey);
 
   /* Form */
   --input-color: #3a3a3a;
   --input-border: var(--dark-theme-bg-dark);
-  --header-search-border: var(--dark-theme-bg-333);
+  --header-search-border: var(--dark-theme-bg-dark-grey);
   --input-hidden-password-bg-color: var(--input-color);
 
   /* Text area handle */
-  --text-area-handle-border: var(--dark-theme-bg-333);
+  --text-area-handle-border: var(--dark-theme-bg-dark-grey);
   --text-area-handle-bg-color: var(--text-area-handle-border);
 
   /* Pop out menus */
-  --menu-bg-color: var(--dark-theme-bg-333);
+  --menu-bg-color: var(--dark-theme-bg-medium);
   --menu-text-color: var(--primary);
   --menu-selected-color: var(--dark-theme-bg-dark);
   --menu-box-shadow: none;
 
   /* Manage component */
-  --manage-option-bg-color--hover: var(--dark-theme-bg-333);
-  --manage-option-bg-color--active: var(--dark-theme-bg-333);
-  --manage-option-border-color: var(--dark-theme-bg-333);
+  --manage-option-bg-color--hover: var(--dark-theme-bg-light-grey);
+  --manage-option-bg-color--active: var(--dark-theme-bg-light-grey);
+  --manage-option-border-color: var(--dark-theme-bg-light-grey);
 
   /* Add form widget */
   --light-bg-color: var(--dark-theme-bg-medium);
   --light-bg-color--hover: var(--dark-theme-bg-dark);
-  --bright-bg-color: var(--dark-theme-bg-333);
+  --bright-bg-color: var(--dark-theme-bg-dark-grey);
   --brightest-bg-color: var(--input-color);
-  --add-item-btn-decorator-border-color: var(--dark-theme-bg-333);
-  --add-item-categories-bg-color--hover: var(--dark-theme-bg-333);
-  --add-item-btn-decorator-bg-color: var(--dark-theme-bg-333);
-  --configure-job-bottom-sticker-bg-color: var(--dark-theme-bg-333);
-  --configure-job-bottom-sticker-border-color: var(--dark-theme-bg-333);
+  --add-item-btn-decorator-border-color: var(--dark-theme-bg-dark-grey);
+  --add-item-categories-bg-color--hover: var(--dark-theme-bg-dark-grey);
+  --add-item-btn-decorator-bg-color: var(--dark-theme-bg-dark-grey);
+  --configure-job-bottom-sticker-bg-color: var(--dark-theme-bg-dark-grey);
+  --configure-job-bottom-sticker-border-color: var(--dark-theme-bg-dark-grey);
 
   /* Plugin manager */
   --plugin-manager-bg-color-already-upgraded: var(--dark-theme-bg-medium);
   --plugin-manager-category-link-bg-color: #5d5b5b;
-  --plugin-manager-category-link-bg-color--hover: var(--dark-theme-bg-333);
+  --plugin-manager-category-link-bg-color--hover: var(--dark-theme-bg-dark-grey);
   --plugin-manager-category-link-border-color--hover: var(--dark-theme-bg-black);
   --plugin-manager-category-text-color: var(--text-color);
   --plugin-manager-category-link-color--hover: #a5a3a3;