Beetaloo Energy Australia

<style>
  /* ---- 1. The nav bar stays WHITE ---------------------------------------
     The nav row is the ONLY element on the hub carrying .bg-company-accent
     (verified page-wide: exactly one match), so whitening it cannot leak into
     anything else. Its labels and chevrons carry text-company-accent-text —
     the ON-accent colour, i.e. white — so on a white bar they have to be
     flipped back to the accent itself or they disappear. */
  header .bg-company-accent {
    background-color: #FFFFFF !important;
  }
  header .bg-company-accent .text-company-accent-text {
    color: var(--company-accent, #303133) !important;
  }

  /* ---- 2. The SELECTED nav item in the brand primary --------------------
     Why this is defensible rather than a one-off override: the platform
     ALREADY marks the active dropdown CHILD with text-company-primary. Only
     the top-level item stayed on the accent, so the two levels of the same nav
     disagreed about what "selected" looks like. This makes them agree.

     How the active item is identified: every top-level nav item wraps its
     label in a border-b-2 div. Inactive items carry
         border-b-transparent  group-hover:border-b-company-accent-text
     and the active one carries
         border-b-company-accent-text          (no group-hover: variant)
     so "has the class, without the group-hover: variant" IS the active state.
     There is no aria-current on this nav, so this is the only hook available.

     The mobile menu uses a different markup pattern and is untouched. */
  header .group > .border-b-company-accent-text:not(.group-hover\:border-b-company-accent-text) {
    color: var(--company-primary) !important;
    border-bottom-color: var(--company-primary) !important;
  }
  /* A dropdown trigger keeps its chevron OUTSIDE the label div, and the icon
     carries its own text-company-accent-text rather than inheriting, so it has
     to be named explicitly or the label goes orange and the arrow stays put. */
  header .group:has(> .border-b-company-accent-text:not(.group-hover\:border-b-company-accent-text)),
  header .group:has(> .border-b-company-accent-text:not(.group-hover\:border-b-company-accent-text)) svg {
    color: var(--company-primary) !important;
  }

  /* ---- 3. HOVER in the brand primary ------------------------------------
     Same treatment as selected, so the nav has one hover language instead of
     two. Label, chevron and underline together — the underline utility is a
     group-hover: variant, so it is scoped to :hover here rather than
     recoloured unconditionally, which would leave every item underlined. */
  header .bg-company-accent .group:hover,
  header .bg-company-accent .group:hover .text-company-accent-text,
  header .bg-company-accent .group:hover > div,
  header .bg-company-accent .group:hover svg {
    color: var(--company-primary) !important;
  }
  header .bg-company-accent .group:hover > .group-hover\:border-b-company-accent-text {
    border-bottom-color: var(--company-primary) !important;
  }
  /* Dropdown children. Their SELECTED state is already text-company-primary
     (platform default), and their hover was text-hubs-secondary — a grey that
     now reads as the odd one out. Matching it up. */
  header a.hover\:text-hubs-secondary:hover {
    color: var(--company-primary) !important;
  }
</style>

Community

Our Business

Top 20 Shareholders

Research & Analyst Reports

Financial Reports

Market Data

Shareholder Register

Media

Announcements

Investor Presentations

Investors

Compliance With The Gas Code

Privacy Statement

Corporate Governance

Corporate Directory

Our Team

About

Operations

Home

Partner With Us

Beetaloo Digital

Roboto

Beetaloo Grants to Drive Next Phase of Growth