SwiftUI TextField cursor colour

Question

Currently the cursor/caret for my SwiftUI TextField is blue. Is there an API for cursor colour or a workaround?

Estrous

Answer 1

EDIT: as pointed out below and in the documentation, my original answer (below) is now deprecated and you should use .tint instead. Or if you want all text fields and other UI elements in your app to be the same you can customize your app’s global accentColor.

Original answer:

Tried it out and .accentColor does the trick.

TextField(" Enter some text", text: $name)
    .accentColor(.yellow)

Ethnography

Didn't work for me but I'm trying this inside a Catalyst app (i.e., it's not a fully native AppKit macOS app) which might explain it :-( – Perfectly

Unfortunately this isn't available before macOS 11 (it is available in iOS 13, however). – Speechmaker

Also in the future Apple docs as of (Jan '22) specify that .accentColor() will be deprecated in the future, and to use this instead: .tint(.Yellow) – Chism

Using .tint is not working for me. Only .accentColor works. – Mouldy

iOS 16.0 .accentColor iOS 16.1 and higher .tint I use both to support all versions of 16 – Flapjack

for me not working both accentColor & tintColor , please help – Europe

Answer 2

The other answer didn't work for me but this did! It doesn't look like the cursor plays well with SwiftUI custom line spacing however...

extension NSTextView {
    open override var frame: CGRect {
        didSet {
            insertionPointColor = .black
        }
    }
}

Shorn

Answer 3

For Xcode 15, I just use the Assets resources, I added a Cursor color set. And I use it on the tint modifier.

For example

import SwiftUI

struct MyTextFieldStyle: TextFieldStyle {
    
    func _body(configuration: TextField<Self._Label>) -> some View {
        configuration
            .tint(Color(.cursor))
    }
}

And you can use it in the textFieldStyle() modifier like

.textFieldStyle(MyTextFieldStyle())

Ronnyronsard

Answer 4

This for me worked to change the cursor color for TextEditor. I put the code below as my app initialiser, thus making all of my apps cursors (TextEditor) pink.

init() {
    UITextView.appearance().tintColor = .systemPink
}

At the time of writing I have Xcode 13.4.1

Carolynecarolynn