Issue #SB-31143 fix: Ios : Headings are not displayed in dark mode in Discussion form

package.json

 {
   "name": "@project-sunbird/sb-themes",
-  "version": "0.0.85",
+  "version": "0.0.86",
   "description": "Sunbird project application themes",
   "main": "index.js",
   "scripts": {

themes/themes-df.scss

@@ -44,12 +44,12 @@ html[data-theme="JOYFUL"][data-mode="DARKMODE"] {
   --df-222: #222;
   --text-color: var(--white);
   --df-background: var(--df-222);
-  --df-common-bg: var(--df-333);
+  --df-common-bg: var(--df-222);
 
   //declared variables
   --df-body-bg: var(--black); // body bg
-  --df-card-bg: var(--black);
-  --df-related-card-bg: var(--black);
+  --df-card-bg: var(--df-333);
+  --df-related-card-bg: var(--df-333);
   --df-sidebar-menu-text: var(--gray-300);
   --df-sidebar-menu-active-bg: var(--df-333);
   --df-tab-text: var(--text-color);

themes/themes-mobile.scss

@@ -2,7 +2,7 @@ html[data-theme="JOYFUL"] {
   .sbt-inside-page-container.ui.container {
     margin: 0 !important;
     height: 100%;
-    background: hsla(0, 0%, 7%, 0.75);
+    // background: hsla(0, 0%, 7%, 0.75);
   }
   lib-lib-entry {
     .df-header {
@@ -50,6 +50,8 @@ html[data-theme="JOYFUL"][data-mode="DARKMODE"] {
   --button-style-shadow: 5px 5px 2px 0 var(--app-shadow);
   --block-style-shadow: 0 2px 7px 0 var(--app-shadow);
 
+  --app-tertiary-background: #000;
+
   //cc
   --cc-accordion-panel-br: #333;
   --cc-accordion-panel-bg: #222222;
@@ -1417,14 +1419,6 @@ html[data-theme="JOYFUL"][data-mode="DARKMODE"] {
     background: var(--white);
   }
 
-  .df-btn-container,
-  .discuss-card-content,
-  .discussion-details,
-  .related-discuss-card,
-  .discussion-start-modal .discussion-start-modal-content {
-    background: #333;
-  }
-
   .df-btn-container .sb-left-icon,
   .submit-post-btn.start-common-btn {
     color: var(--black) !important;