X
Tap here to go to the mobile version of the site.

Support Forum

inactive title bar color

Posted

The inactive FF website title bar is light gray and you cannot see any of the menu items or the minimize/maximize or exit X. If the FF website is active, then the title bar is a dark blue (which is what I want) and all of the menu items and the min/max and exit X are easily seen. How do I change the color of the title bar when the FF window is inactive? See attached screen shot.

The inactive FF website title bar is light gray and you cannot see any of the menu items or the minimize/maximize or exit X. If the FF website is active, then the title bar is a dark blue (which is what I want) and all of the menu items and the min/max and exit X are easily seen. How do I change the color of the title bar when the FF window is inactive? See attached screen shot.
Attached screenshots
Quote

Additional System Details

Installed Plug-ins

  • Shockwave Flash 32.0 r0

Application

  • Firefox 68.0.2
  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0
  • Support URL: https://support.mozilla.org/1/firefox/68.0.2/WINNT/en-US/

Extensions

  • AdBlock 3.34.0 (jid1-NIfFY2CA8fy1tg@jetpack)
  • Amazon.com 1.1 (amazondotcom@search.mozilla.org)
  • Bing 1.0 (bing@search.mozilla.org)
  • DuckDuckGo 1.0 (ddg@search.mozilla.org)
  • eBay 1.0 (ebay@search.mozilla.org)
  • Google 1.0 (google@search.mozilla.org)
  • Honey 11.3.5 (jid1-93CWPmRbVPjRQA@jetpack)
  • Nimbus Screen Capture: Screenshots, Annotate 15.4.5 (nimbusscreencaptureff@everhelper.me)
  • NoScript 11.0.3 ({73a6fe31-595d-460b-a920-fcc0f8843232})
  • Open With 7.2.1 (openwith@darktrojan.net)
  • RoboForm Password Manager 8.5.9.9 (rf-firefox@siber.com)
  • Twitter 1.0 (twitter@search.mozilla.org)
  • Webroot Filtering Extension 1.10.0.6 (webrootsecure@webroot.com)
  • Wikibuy from Capital One 0.1.433 ({aff8af88-06a9-4eee-b383-3af08c47b8c8})
  • Wikipedia (en) 1.0 (wikipedia@search.mozilla.org)
  • Adblock Plus - free ad blocker 3.6.3 ({d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d}) (Inactive)
  • Adblocker X 2.0.5 (@adblock57) (Inactive)
  • AmazonSmile 1Button for Firefox 1.0.1-signed.1-signed (smile1Button@amazon.com) (Inactive)
  • Awesome Screenshot - Capture, Annotate & More 3.0.24 (jid0-GXjLLfbCoAx0LcltEdFrEkQdQPI@jetpack) (Inactive)
  • Blur 8.1.2491 (donottrackplus@abine.com) (Inactive)
  • Dashlane 6.1932.1 (jetpack-extension@dashlane.com) (Inactive)
  • Grammarly for Firefox 8.852.2307 (87677a2c52b84ad3a151a4a72f5bd3c4@jetpack) (Inactive)
  • Open in IE 0.2.2 ({5610edea-88c1-4370-b93d-86aa131971d1}) (Inactive)
  • PriceBlink Coupons and Price Comparison 7.0 (info@priceblink.com) (Inactive)
  • Privacy Badger 2019.7.1.1 (jid1-MnnxcxisBPnSXQ-eff@jetpack) (Inactive)
  • Protect My Choices 1.2.4 ({dc501fe1-520b-41f2-9421-ecbb2e7f0255}) (Inactive)
  • RetailMeNot Genie: Instant Coupon Finder 2.0.1340 (retailmenot-genie@rmn.com) (Inactive)
  • uMatrix 1.3.16 (uMatrix@raymondhill.net) (Inactive)

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription: NVIDIA GeForce GTX 760
  • adapterDescription2:
  • adapterDeviceID: 0x1187
  • adapterDeviceID2:
  • adapterDrivers: C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_ff72214788d99390\nvldumdx.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_ff72214788d99390\nvldumdx.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_ff72214788d99390\nvldumdx.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_ff72214788d99390\nvldumdx.dll C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_ff72214788d99390\nvldumd.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_ff72214788d99390\nvldumd.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_ff72214788d99390\nvldumd.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_ff72214788d99390\nvldumd.dll
  • adapterDrivers2:
  • adapterRAM: 2048
  • adapterRAM2:
  • adapterSubsysID: 27653842
  • adapterSubsysID2:
  • adapterVendorID: 0x10de
  • adapterVendorID2:
  • clearTypeParameters: Gamma: 2.2 Pixel Structure: RGB ClearType Level: 100 Enhanced Contrast: 50
  • contentUsesTiling: True
  • crashGuards: [{u'prefName': u'gfx.crash-guard.status.d3d11layers', u'type': u'd3d11layers'}]
  • direct2DEnabled: True
  • directWriteEnabled: True
  • directWriteVersion: 10.0.18362.267
  • driverDate: 8-24-2019
  • driverDate2:
  • driverVendor:
  • driverVendor2:
  • driverVersion: 26.21.14.3615
  • driverVersion2:
  • featureLog: {u'fallbacks': [], u'features': [{u'status': u'available', u'description': u'Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'HW_COMPOSITING'}, {u'status': u'available', u'description': u'Direct3D11 Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'D3D11_COMPOSITING'}, {u'status': u'available', u'description': u'Direct2D', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'DIRECT2D'}, {u'status': u'available', u'description': u'Direct3D11 hardware ANGLE', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'D3D11_HW_ANGLE'}, {u'status': u'available', u'description': u'GPU Process', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'GPU_PROCESS'}, {u'status': u'available', u'description': u'WebRender', u'log': [{u'status': u'opt-in', u'message': u'WebRender is an opt-in feature', u'type': u'default'}, {u'status': u'available', u'message': u'Qualified enabled by pref ', u'type': u'user'}], u'name': u'WEBRENDER'}, {u'status': u'available', u'description': u'WebRender qualified', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'WEBRENDER_QUALIFIED'}, {u'status': u'available', u'description': u'Off Main Thread Painting', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'OMTP'}, {u'status': u'available', u'description': u'Advanced Layers', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'ADVANCED_LAYERS'}]}
  • info: {u'AzureContentBackend (UI Process)': u'skia', u'AzureCanvasBackend (UI Process)': u'skia', u'ApzWheelInput': 1, u'ApzDragInput': 1, u'AzureFallbackCanvasBackend (UI Process)': u'cairo', u'ApzAutoscrollInput': 1, u'AzureCanvasBackend': u'direct2d 1.1', u'AzureContentBackend': u'skia'}
  • isGPU2Active: False
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • offMainThreadPaintEnabled: True
  • offMainThreadPaintWorkerCount: 3
  • targetFrameRate: 60
  • usesTiling: False
  • webgl1DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture GL_ANGLE_explicit_context GL_ANGLE_explicit_context_gles1 GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_memory_size GL_ANGLE_multi_draw GL_ANGLE_multiview_multisample GL_ANGLE_pack_reverse_row_order GL_ANGLE_program_cache_control GL_ANGLE_provoking_vertex GL_ANGLE_request_extension GL_ANGLE_robust_client_memory GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_func_extended GL_EXT_blend_minmax GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_float_blend GL_EXT_frag_depth GL_EXT_instanced_arrays GL_EXT_map_buffer_range GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_shader_texture_lod GL_EXT_texture_compression_bptc GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_rg GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_KHR_parallel_shader_compile GL_KHR_robust_buffer_access_behavior GL_NV_EGL_stream_consumer_external GL_NV_fence GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_compressed_ETC1_RGB8_texture GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_border_clamp GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object OES_compressed_EAC_R11_signed_texture OES_compressed_EAC_R11_unsigned_texture OES_compressed_EAC_RG11_signed_texture OES_compressed_EAC_RG11_unsigned_texture OES_compressed_ETC2_RGB8_texture OES_compressed_ETC2_RGBA8_texture OES_compressed_ETC2_punchthroughA_RGBA8_texture OES_compressed_ETC2_punchthroughA_sRGB8_alpha_texture OES_compressed_ETC2_sRGB8_alpha8_texture OES_compressed_ETC2_sRGB8_texture
  • webgl1Extensions: ANGLE_instanced_arrays EXT_blend_minmax EXT_color_buffer_half_float EXT_disjoint_timer_query EXT_float_blend EXT_frag_depth EXT_shader_texture_lod EXT_sRGB EXT_texture_compression_bptc EXT_texture_filter_anisotropic OES_element_index_uint OES_standard_derivatives OES_texture_float OES_texture_float_linear OES_texture_half_float OES_texture_half_float_linear OES_vertex_array_object WEBGL_color_buffer_float WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_depth_texture WEBGL_draw_buffers WEBGL_lose_context
  • webgl1Renderer: Google Inc. -- ANGLE (NVIDIA GeForce GTX 760 Direct3D11 vs_5_0 ps_5_0)
  • webgl1Version: OpenGL ES 2.0 (ANGLE 2.1.0.8a050090f926)
  • webgl1WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 000000000000aa35) EGL_VERSION: 1.4 (ANGLE 2.1.0.8a050090f926) EGL_EXTENSIONS: EGL_EXT_create_context_robustness EGL_ANGLE_d3d_share_handle_client_buffer EGL_ANGLE_d3d_texture_client_buffer EGL_ANGLE_surface_d3d_texture_2d_share_handle EGL_ANGLE_query_surface_pointer EGL_ANGLE_window_fixed_size EGL_ANGLE_keyed_mutex EGL_ANGLE_surface_orientation EGL_ANGLE_direct_composition EGL_NV_post_sub_buffer EGL_KHR_create_context EGL_EXT_device_query EGL_KHR_image EGL_KHR_image_base EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_stream EGL_KHR_stream_consumer_gltexture EGL_NV_stream_consumer_gltexture_yuv EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_stream_producer_d3d_texture EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_CHROMIUM_sync_control EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_ANGLE_create_context_extensions_enabled EGL_ANDROID_blob_cache EGL_ANDROID_recordable EGL_EXTENSIONS(nullptr): EGL_EXT_client_extensions EGL_EXT_platform_base EGL_EXT_platform_device EGL_ANGLE_platform_angle EGL_ANGLE_platform_angle_d3d EGL_ANGLE_device_creation EGL_ANGLE_device_creation_d3d11 EGL_ANGLE_experimental_present_path EGL_KHR_client_get_all_proc_addresses EGL_KHR_debug EGL_ANGLE_explicit_context
  • webgl2DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_copy_texture_3d GL_ANGLE_depth_texture GL_ANGLE_explicit_context GL_ANGLE_explicit_context_gles1 GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_memory_size GL_ANGLE_multi_draw GL_ANGLE_multiview_multisample GL_ANGLE_pack_reverse_row_order GL_ANGLE_program_cache_control GL_ANGLE_provoking_vertex GL_ANGLE_request_extension GL_ANGLE_robust_client_memory GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_multisample GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_func_extended GL_EXT_blend_minmax GL_EXT_color_buffer_float GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_float_blend GL_EXT_frag_depth GL_EXT_instanced_arrays GL_EXT_map_buffer_range GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_shader_texture_lod GL_EXT_texture_compression_bptc GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_norm16 GL_EXT_texture_rg GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_KHR_parallel_shader_compile GL_KHR_robust_buffer_access_behavior GL_NV_EGL_stream_consumer_external GL_NV_fence GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_EGL_image_external_essl3 GL_OES_compressed_ETC1_RGB8_texture GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_border_clamp GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object GL_OVR_multiview2 OES_compressed_EAC_R11_signed_texture OES_compressed_EAC_R11_unsigned_texture OES_compressed_EAC_RG11_signed_texture OES_compressed_EAC_RG11_unsigned_texture OES_compressed_ETC2_RGB8_texture OES_compressed_ETC2_RGBA8_texture OES_compressed_ETC2_punchthroughA_RGBA8_texture OES_compressed_ETC2_punchthroughA_sRGB8_alpha_texture OES_compressed_ETC2_sRGB8_alpha8_texture OES_compressed_ETC2_sRGB8_texture
  • webgl2Extensions: EXT_color_buffer_float EXT_disjoint_timer_query EXT_float_blend EXT_texture_compression_bptc EXT_texture_filter_anisotropic OES_texture_float_linear WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_lose_context
  • webgl2Renderer: Google Inc. -- ANGLE (NVIDIA GeForce GTX 760 Direct3D11 vs_5_0 ps_5_0)
  • webgl2Version: OpenGL ES 3.0 (ANGLE 2.1.0.8a050090f926)
  • webgl2WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 000000000000aa35) EGL_VERSION: 1.4 (ANGLE 2.1.0.8a050090f926) EGL_EXTENSIONS: EGL_EXT_create_context_robustness EGL_ANGLE_d3d_share_handle_client_buffer EGL_ANGLE_d3d_texture_client_buffer EGL_ANGLE_surface_d3d_texture_2d_share_handle EGL_ANGLE_query_surface_pointer EGL_ANGLE_window_fixed_size EGL_ANGLE_keyed_mutex EGL_ANGLE_surface_orientation EGL_ANGLE_direct_composition EGL_NV_post_sub_buffer EGL_KHR_create_context EGL_EXT_device_query EGL_KHR_image EGL_KHR_image_base EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_stream EGL_KHR_stream_consumer_gltexture EGL_NV_stream_consumer_gltexture_yuv EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_stream_producer_d3d_texture EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_CHROMIUM_sync_control EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_ANGLE_create_context_extensions_enabled EGL_ANDROID_blob_cache EGL_ANDROID_recordable EGL_EXTENSIONS(nullptr): EGL_EXT_client_extensions EGL_EXT_platform_base EGL_EXT_platform_device EGL_ANGLE_platform_angle EGL_ANGLE_platform_angle_d3d EGL_ANGLE_device_creation EGL_ANGLE_device_creation_d3d11 EGL_ANGLE_experimental_present_path EGL_KHR_client_get_all_proc_addresses EGL_KHR_debug EGL_ANGLE_explicit_context
  • windowLayerManagerRemote: True
  • windowLayerManagerType: WebRender
  • windowUsingAdvancedLayers: False

Modified Preferences

Misc

  • User JS: Yes
  • Accessibility: No
jscher2000
  • Top 10 Contributor
8839 solutions 72253 answers

Wow, that blue color is amazingly vivid. Did you pick that or is Firefox getting it from your Windows 10 theme?

Speaking of themes, you could experiment with some of the others:

  • Light theme (built-in) -- the menu doesn't fade out very much, but it's bland; tab titles fade a bit, but there's more contrast than what you show in your screenshot
  • Dark theme (built-in) -- the menu doesn't fade out, but tabs do fade quite a bit
  • Add-on themes -- you have countless choices, so you could try a few of them

Article on themes: Built-in themes in Firefox - alternative to complete themes

Add-ons: https://addons.mozilla.org/firefox/themes/

Wow, that blue color is amazingly vivid. Did you pick that or is Firefox getting it from your Windows 10 theme? Speaking of themes, you could experiment with some of the others: * Light theme (built-in) -- the menu doesn't fade out very much, but it's bland; tab titles fade a bit, but there's more contrast than what you show in your screenshot * Dark theme (built-in) -- the menu doesn't fade out, but tabs do fade quite a bit * Add-on themes -- you have countless choices, so you could try a few of them Article on themes: [[Built-in themes in Firefox - alternative to complete themes]] Add-ons: https://addons.mozilla.org/firefox/themes/
Was this helpful to you?
Quote

Question owner

The blue is what I picked. I had heard about plugs in to fix this issue, but I was trying to avoid adding another plug in or add on, as I've found that sometimes FF doesn't play nice when you have a lot of plug ins. I had also heard that there may be a way to edit the userChrome.css file to get the in active title bar to have a better color but haven't found a script that would do what I want. If no one has a good edit for this then I guess my only option is to try more themes although I didn't see anything that I liked so far. Thanks for the help.

The blue is what I picked. I had heard about plugs in to fix this issue, but I was trying to avoid adding another plug in or add on, as I've found that sometimes FF doesn't play nice when you have a lot of plug ins. I had also heard that there may be a way to edit the userChrome.css file to get the in active title bar to have a better color but haven't found a script that would do what I want. If no one has a good edit for this then I guess my only option is to try more themes although I didn't see anything that I liked so far. Thanks for the help.
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8839 solutions 72253 answers

If you're interested in a userChrome.css approach, the key would be to look at the rules keying off of -moz-window-inactive and override those.

For example, compare the active and inactive background colors in the browser.css file:

:root:-moz-lwtheme {
  background-color: var(--lwt-accent-color);
}
:root:-moz-lwtheme:-moz-window-inactive {
  background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color));
}

So to override that, you could try setting the same background color for inactive:

/* Inactive title bar same background color as active */
:root:-moz-lwtheme:-moz-window-inactive {
  background-color: var(--lwt-accent-color) !important;
}
/* Same text color in inactive as active */
:root[tabsintitlebar]:not([inFullscreen]):-moz-window-inactive {
  color: CaptionText !important;
}

However, I don't know whether that is what you need, there are different style sheets for different Windows themes. You can always specify a particular color instead of using the var() approach.

Do you already have a userChrome.css file? If not, when you have a spare 10 minutes, you could set one up as follows:

This assumes you do not already have a userContent.css file. If you do already have a working userContent.css file, you just need to add the rule above to your file.

(A) Select and copy the above overriding style rule code

(B) Generate and download a userContent.css file

Open the following page and paste the above rules into the editor, replacing the sample rule:

https://www.userchrome.org/download-userchrome-css.html

Then change the file name selection to userContent.css and click "Generate CSS File". Save the userContent.css file to your computer. (See first attached screenshot)

Use the downloads list on the toolbar to open the downloads folder directly to the new userContent.css file. (See second attached screenshot)

Minimize (don't close) that Windows Explorer window for later reference.

(C) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(D) Move the userContent.css file you generated in Step B into the chrome folder you created in Step C

(E) For Firefox 69+, set Firefox to look for userChrome.css at startup -- see step #6 in the above article.

The next time you exit Firefox and start it up again, it should discover that file and apply the rules to the toolbar area.

Success?

If you're interested in a userChrome.css approach, the key would be to look at the rules keying off of '''-moz-window-inactive''' and override those. For example, compare the active and inactive background colors in the [https://dxr.mozilla.org/mozilla-release/source/browser/base/content/browser.css#34 browser.css file]: <pre>:root:-moz-lwtheme { background-color: var(--lwt-accent-color); } :root:-moz-lwtheme:-moz-window-inactive { background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)); } </pre> So to override that, you could try setting the same background color for inactive: <pre>/* Inactive title bar same background color as active */ :root:-moz-lwtheme:-moz-window-inactive { background-color: var(--lwt-accent-color) !important; } /* Same text color in inactive as active */ :root[tabsintitlebar]:not([inFullscreen]):-moz-window-inactive { color: CaptionText !important; } </pre> However, I don't know whether that is what you need, there are different style sheets for different Windows themes. You can always specify a particular color instead of using the var() approach. Do you already have a userChrome.css file? If not, when you have a spare 10 minutes, you could set one up as follows: ''This assumes you do not already have a userContent.css file. If you ''do'' already have a working userContent.css file, you just need to add the rule above to your file.'' '''(A) Select and copy the above overriding style rule code''' '''(B) Generate and download a''' <code>userContent.css</code> '''file''' Open the following page and paste the above rules into the editor, replacing the sample rule: https://www.userchrome.org/download-userchrome-css.html Then change the file name selection to userContent.css and click "Generate CSS File". Save the userContent.css file to your computer. (See first attached screenshot) Use the downloads list on the toolbar to open the downloads folder directly to the new userContent.css file. (See second attached screenshot) Minimize (don't close) that Windows Explorer window for later reference. '''(C) Create a new''' <code>chrome</code> '''folder in your profile folder''' The following article has the detailed steps for that (#1, #2, and I recommend #3) https://www.userchrome.org/how-create-userchrome-css.html ''I have videos for both Windows and Mac in case the text is not clear.'' '''(D) Move the''' <code>userContent.css</code> '''file you generated in Step B into the''' <code>chrome</code> '''folder you created in Step C''' '''(E) For Firefox 69+, set Firefox to look for userChrome.css at startup''' -- see step #6 in the above article. The next time you exit Firefox and start it up again, it should discover that file and apply the rules to the toolbar area. Success?

Modified by jscher2000

Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8839 solutions 72253 answers

I realize I neglected the text color in my initial post (yours is reversing from white to black), so I'll add that in once I figure out the rules.


I'm guessing a bit that these are the relevant lines, from :

    :root[tabsintitlebar]:not([inFullscreen]) {
      color: CaptionText;
    }

    :root[tabsintitlebar]:not([inFullscreen]):-moz-window-inactive {
      color: InactiveCaptionText;
    }

So to override, let's try:

/* Same text color in inactive as active */
:root[tabsintitlebar]:not([inFullscreen]):-moz-window-inactive {
  color: CaptionText !important;
}
I realize I neglected the text color in my initial post (yours is reversing from white to black), so I'll add that in once I figure out the rules. ---- I'm guessing a bit that these are the relevant lines, from : <pre> :root[tabsintitlebar]:not([inFullscreen]) { color: CaptionText; } :root[tabsintitlebar]:not([inFullscreen]):-moz-window-inactive { color: InactiveCaptionText; } </pre> So to override, let's try: <pre>/* Same text color in inactive as active */ :root[tabsintitlebar]:not([inFullscreen]):-moz-window-inactive { color: CaptionText !important; } </pre>

Modified by jscher2000

Was this helpful to you?
Quote

Question owner

Thanks, I'll look at this soon. It's college football now! Thanks for the help.

Thanks, I'll look at this soon. It's college football now! Thanks for the help.
Was this helpful to you?
Quote

Question owner

I tried to understand your suggestions but must not be doing something correctly. You said…''If you're interested in a userChrome.css approach, the key would be to look at the rules keying off of -moz-window-inactive and override those. For example, compare the active and inactive background colors in the browser.css file'' I found nothing in userChrome related to -moz-window-inactive. I also didn’t find a browser.css file. So I tried cutting and pasting your suggestion below into my userChrome.css with no change in the color of the inactive FF window. So to override that, you could try setting the same background color for inactive: '''''/* Inactive title bar same background color as active */

root:-moz-lwtheme:-moz-window-inactive {
 background-color: var(--lwt-accent-color) !important;

} /* Same text color in inactive as active */

root[tabsintitlebar]:not([inFullscreen]):-moz-window-inactive {
 color: CaptionText !important;

}''''' Next I created the userContent.css file and then cut and pasted the above into it, then saved this css file in the Chrome folder but again. No change. Then I added the following to the user Content.css file but again no change: '''''/* Same text color in inactive as active */

root[tabsintitlebar]:not([inFullscreen]):-moz-window-inactive {
 color: CaptionText !important;

} Lastly, to be sure we are on the same page…When FF is the active window, the title bar is a nice rich blue but when the FF window is inactive, it becomes this washed out gray with the menu and the “X” at the far right are the same color and so almost invisible. All I really want is to change the font color of the menu and the minimize and exit symbols to something darker than the inactive title bar color (in this case gray) so that I can see them. I don’t care that the inactive FF window’s title bar is gray…that is fine.

I didn’t think this would be so hard or complicated to do.

I really appreciate your help, but at this point, since I am at the zenith of my understanding of all this, I must not be doing something correctly or understand what you are trying to help me with.

I tried to understand your suggestions but must not be doing something correctly. You said…'''''''If you're interested in a userChrome.css approach, the key would be to look at the rules keying off of -moz-window-inactive and override those. For example, compare the active and inactive background colors in the browser.css file''''''' I found nothing in userChrome related to -moz-window-inactive. I also didn’t find a browser.css file. So I tried cutting and pasting your suggestion below into my userChrome.css with no change in the color of the inactive FF window. So to override that, you could try setting the same background color for inactive: ''''''''''/* Inactive title bar same background color as active */ :root:-moz-lwtheme:-moz-window-inactive { background-color: var(--lwt-accent-color) !important; } /* Same text color in inactive as active */ :root[tabsintitlebar]:not([inFullscreen]):-moz-window-inactive { color: CaptionText !important; }'''''''''' Next I created the userContent.css file and then cut and pasted the above into it, then saved this css file in the Chrome folder but again. No change. Then I added the following to the user Content.css file but again no change: ''''''''''/* Same text color in inactive as active */ :root[tabsintitlebar]:not([inFullscreen]):-moz-window-inactive { color: CaptionText !important; }''''' ''''' Lastly, to be sure we are on the same page…When FF is the active window, the title bar is a nice rich blue but when the FF window is inactive, it becomes this washed out gray with the menu and the “X” at the far right are the same color and so almost invisible. All I really want is to change the font color of the menu and the minimize and exit symbols to something darker than the inactive title bar color (in this case gray) so that I can see them. I don’t care that the inactive FF window’s title bar is gray…that is fine. I didn’t think this would be so hard or complicated to do. I really appreciate your help, but at this point, since I am at the zenith of my understanding of all this, I must not be doing something correctly or understand what you are trying to help me with.
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8839 solutions 72253 answers

Okay, if trying to work with the variables isn't successful, you may need to directly assign some colors:

/* Title bar with Menu Bar background */
#toolbar-menubar {
  background-color: blue !important;
}
/* Menu bar text and window buttons color */
#toolbar-menubar #main-menubar,
#toolbar-menubar .titlebar-button {
  color: white !important;
}
/* Override window buttons fading */
.titlebar-button > .toolbarbutton-icon:-moz-window-inactive {
  opacity: 1 !important;
}

Does that works on yours? You may need to adjust the blue color to match your system theme.

Okay, if trying to work with the variables isn't successful, you may need to directly assign some colors: <pre>/* Title bar with Menu Bar background */ #toolbar-menubar { background-color: blue !important; } /* Menu bar text and window buttons color */ #toolbar-menubar #main-menubar, #toolbar-menubar .titlebar-button { color: white !important; } /* Override window buttons fading */ .titlebar-button > .toolbarbutton-icon:-moz-window-inactive { opacity: 1 !important; } </pre> Does that works on yours? You may need to adjust the blue color to match your system theme.
Was this helpful to you?
Quote

Question owner

I cut and pasted the above into userChrome.css at the very bottom but still no change. Active title bar is perfect...inactive title bar is just gray with hard to see menu or any icons in the title bar. As a matter of fact, the only way I can see the "x" is to hover my cursor at the upper right hand corner of the title bar till the 'X" appears surrounded by a red box. I must have a very stubborn FF. Could I have some code in the userChrome.css that is interfering with your suggested solution?

I cut and pasted the above into userChrome.css at the very bottom but still no change. Active title bar is perfect...inactive title bar is just gray with hard to see menu or any icons in the title bar. As a matter of fact, the only way I can see the "x" is to hover my cursor at the upper right hand corner of the title bar till the 'X" appears surrounded by a red box. I must have a very stubborn FF. Could I have some code in the userChrome.css that is interfering with your suggested solution?

Modified by bmail

Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8839 solutions 72253 answers

bmail said

Could I have some code in the userChrome.css that is interfering with your suggested solution?

Hard for me to guess. You could try putting the new code at the beginning of the file and see whether that makes any difference.

''bmail [[#answer-1248892|said]]'' <blockquote> Could I have some code in the userChrome.css that is interfering with your suggested solution? </blockquote> Hard for me to guess. You could try putting the new code at the beginning of the file and see whether that makes any difference.
Was this helpful to you?
Quote

Question owner

Well that suggestion kinda worked! See the new screen shot showing FF active and inactive. As you can see the top portion (with the Menu and icons) remains the same color blue for active or inactive window. The only difference now between the active window and inactive window is in the tab area. Active...blue Inactive...gray. So if there is no way to get the tab and menu area the same color when inactive with just easier to see menu and icons, then your suggestion will certainly be better than before. Kinda makes me wonder what was going on in the rest of the code that was blocking your suggestion when I had it pasted last and if something else is now not working? Thanks for the help.

Well that suggestion kinda worked! See the new screen shot showing FF active and inactive. As you can see the top portion (with the Menu and icons) remains the same color blue for active or inactive window. The only difference now between the active window and inactive window is in the tab area. Active...blue Inactive...gray. So if there is no way to get the tab and menu area the same color when inactive with just easier to see menu and icons, then your suggestion will certainly be better than before. Kinda makes me wonder what was going on in the rest of the code that was blocking your suggestion when I had it pasted last and if something else is now not working? Thanks for the help.
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.